Qualcuno ha avuto Processing.js che lavorano in IE?

Question

sto cercando esempi di Processing.js lavorare in Internet Explorer tramite ExplorerCanvas o simili.

Answer 1

Il esempio sul Processing.js mostra pagina, usano ExplorerCanvas. Sembra come se fosse solo una soluzione drop-in, nessun codice aggiuntivo necessario.

Answer 2

Si può fare! Ci sono alcune cose da sapere, però. La pagina di HTXT i collegamenti per va bene, per quanto si va, ma si prega di notare quanto segue:

1) Sia sceneggiatura e gli elementi di tela devono avere attributi id. La funzione init utilizza questi attributo ID di associare un determinato script con un dato di tela. Ho trovato la funzione init semplificata più facile da capire di quello ufficiale. Si vuole padroneggiare quella ufficiale, se si dispone di più tele in una sola pagina.

2) Se si utilizza le denominazioni dei colori in stile Internet, come # 23ff9a, attenzione! IE 8 vuole tutti i numeri di colore superiore caso esadecimali da Processing.js / tela. Scrivi # 23FF9A! Questo è ciò che la documentazione dimostra, quindi non dovrebbe essere una sorpresa. L'errore è una cosa che non dura, che lo rende pazzo per capire. Per lo più, i numeri più grandi (per colori più chiari) con un sacco di f della sembrano essere afflitti. Bianco, #ffffff è OK, ma # FF00FF non lo è. Firefox e Safari sono in questo senso maiuscole e minuscole. La documentazione rel="noreferrer"> dice che si può usare una notazione esadecimale si alternano con canale alfa (CC) che assomiglia 0xCC006699 . Questo non ha funzionato per me; forse è sulla lista delle cose da fare.

3) Le .equals () metodo su stringhe è mancante! Andor Salga, uno dei membri dell'equipaggio Seneca college che lavora al Processing.js, ha scritto una semplice funzione booleana stringsEqual (str1, str2) è possibile vedere qui . Questo farà fino a quando la questione è definitivamente risolto.

4) Non è vero che l'ictus () non funziona con excanvas.js. Lo fa. Tuttavia, se il codice Processing.js ha anche un po 'di errore di sintassi (non posso davvero catalogare quali tipi, ma cercando di utilizzare .equals () lo farà) la vostra routine probabilmente fallirà silenziosamente in IE8, che, Safari o Firefox, i vostri rettangoli può perdere i loro contorni, cioè ictus () si smettere di lavorare. IE su Vista, e Safari su Mac, hanno entrambi mostrato più forte controllo della sintassi di Safari o Firefox su Vista, che farà esplodere da alcuni errori e rendere una grafica difettosa.

5) Testo, richiamata utilizzando la funzione di testo (), rende in Firefox (in un carattere immutabile della scelta di Firefox), ma, per quanto ne so, non in IE8 o Safari. Il Glyph Metodo è suggerito qui . Il codice è a posto, ma ottenere i font si presenta come un problema. Inkscape sembra piuttosto impenetrabile a me. Per quanto posso dire, quello che serve è un po 'come i vecchi caratteri plotter a pennini - un tracciato vettoriale con penna-up e comandi penna-down tra le piste di nodi. Risulta FSF / GNU ha alcune che potrebbero essere massaggiato nel formato giusto senza troppi problemi. Non so dove si definisce il formato, ma è probabilmente più al W3C da qualche parte. L'approccio con un potenziale reale per i font presentabile è l'ala IE / VML di Cufon. Vedere Come funziona? Voglio davvero questo ultimo anello della catena, ma potrei usare un certo aiuto.

Processing.js è una balena di un progetto che merita il nostro sostegno. Ha un potenziale enorme. Vi incoraggio a darci dentro se siete in grado.

Answer 3

Questa pagina viene descritto come ottenere Processing.js + excanvas lavorare insieme.

Si tratta fondamentalmente scrivere il metodo init proprio onload che IE può capire.