Un modo per fare in modo che Kinetic.js supporti IE8?

Question

Sono in una situazione in questo momento in cui ho bisogno di avere un codice complesso che funziona con Kinetic.js e un elemento canvas per funzionare su IE8.

Ufficialmente, Kinetic.js non ha intenzione di supportare IE8.

Ho provato ad utilizzare webshims lib ma Kinetic.js fallisce il seguente codice:

Kinetic.Canvas = function(width, height) { 
    this.element = document.createElement('canvas'); 
    this.context = this.element.getContext('2d'); //<-- Error here 

    // set dimensions 
    this.element.width = width; 
    this.element.height = height; 
}; 

L'errore è "oggetto non supporta la proprietà o il metodo 'getContext'". Ha senso per me, dal momento che non mi aspetto che l'elemento canvas creato da un documento IE8 implementi i metodi per un elemento canvas, ma se l'elemento <canvas> fosse già stato creato, webshims avrebbe giocato e potresti usare i metodi. Tuttavia, forzare Kinetic.js a utilizzare un singolo elemento canvas interromperà alcune delle sue funzionalità (poiché crea al volo oggetti canvas).

Quali sono le mie opzioni per raggiungere questo obiettivo?

Answer 1

La semplice risposta è "no".

Come un commentatore menzionato, Google Chrome Frame è un sostituto OK, che comporta essenzialmente l'installazione del motore di rendering di Chrome come plug-in di IE.

C'è the excanvas project, che potrebbe sembrare buono all'inizio. È stato un tentativo di implementare il canvas in VML (SVG) in modo che IE 6-8 potesse usare canvas.

Excanvas è orribile. Soprattutto con qualsiasi animazione, e non può fare qualcosa per manipolare le immagini su tela. E non è stato aggiornato in quasi 4 anni. Consiglio vivamente di non usarlo, ma è lì per la vostra considerazione.