Hat jemand processing.js in IE zu arbeiten?

Question

Ich suche Beispiele von processing.js in Internet Explorer arbeiten über ExplorerCanvas oder ähnliches.

Answer 1

Die Spark Beispiel auf der processing.js Ausstellung Seite verwendet ExplorerCanvas. Es scheint, als ob es nur eine Drop-in-Lösung ohne zusätzliche Codierung erforderlich.

Answer 2

Es kann getan werden! Es gibt einige Fallstricke, aber. Die Seite HTXT Links zu ist in Ordnung, so weit wie es geht, aber bitte folgendes beachten:

1) Beide Skript und Canvas-Elemente müssen id Attribute aufweisen. Die init-Funktion verwendet diese Attribut-IDs einen bestimmten Skript mit einer bestimmten Leinwand zu assoziieren. Ich fand die vereinfachte init-Funktion einfacher als die offiziellen zu verstehen. Sie werden die offizielle beherrschen wollen, wenn Sie auf einer Seite mehrere Leinwände haben.

2) Wenn Sie die Internet-Stil Farbbezeichnungen verwenden, wie # 23ff9a, aufgepasst! IE 8 will alle Großbuchstaben hexadezimale Farbzahlen von Processing.js / Leinwand. Schreiben # 23FF9A! Dies ist, was die Dokumentation zeigt, so sollte es nicht eine große Überraschung sein. Der Fehler ist eine einmal Sache, die es verrückt, um herauszufinden, macht. Meistens größere Zahlen (für hellere Farben) mit vielen Fs scheinen betroffen zu sein. Weiß, #ffffff, ist in Ordnung, aber # ff00ff nicht. Firefox und Safari ist Groß- und Kleinschreibung in dieser Hinsicht. Die Dokumentation sagt, dass Sie eine alternative Hex Schreibweise mit Alphakanal verwenden können (die CC), die wie 0xCC006699 aussieht . Das hat bei mir nicht funktioniert; vielleicht ist es auf der To-do-Liste.

3) Die .equals () -Methode auf Strings fehlt! Andor Salga, einer der Seneca College-Crew auf Processing.js arbeitet, hat eine einfache boolean stringsEqual (STR1, STR2) Funktion, die Sie sehen können, hier . Dies wird tun, bis die Angelegenheit endgültig festgelegt.

4) Es ist nicht wahr, dass Schlaganfall () funktioniert nicht mit excanvas.js. Es tut. Allerdings, wenn Ihr Processing.js Code sogar ein wenig Syntaxfehler hat (ich kann nicht wirklich, welche Arten kategorisieren, sondern versuchen, .equals () zu verwenden, wird es tun) Ihre Routine wahrscheinlich scheitern wird still in IE8, während in Safari oder Firefox, Ihre Rechtecke können ihre Konturen verlieren, dh Schlaganfall () wird zu arbeiten aufhören. IE auf Vista und Safari auf dem Mac haben Überprüfung zeigten beide stärker Syntax als Safari oder Firefox auf Vista, die durch bestimmte Fehler und machen eine defekte Grafik blasen wird.

5) Text, aufgerufen, um den Text () Funktion verwendet, macht in Firefox (in einer unveränderlichen Schrift von Firefox Wahl), aber, soweit ich das beurteilen kann, nicht in IE8 oder Safari. Die Glyph Methode wird vorgeschlagen hier . Der Code ist vorhanden, aber die Schriften sieht aus wie ein Problem bekommen. Inkscape sieht ziemlich undurchdringlich für mich. Soweit ich das beurteilen kann, was benötigt wird, ist ein viel wie alte Stift-Plotter-Schriften - ein Vektorpfad mit Stift-und Stift-down-Befehlen zwischen den Läufen von Knoten. Es stellte sich heraus FSF / GNU hat einige, die ohne allzu viel Mühe in das richtige Format massiert werden könnten. Ich weiß nicht, wo das Format definiert ist, aber es ist wahrscheinlich irgendwo auf W3C über. Der Ansatz mit echtem Potenzial für vorzeigbar Schriftarten sind die IE / VML Flügel Cufon. Siehe Wie es funktioniert? Ich mag dieses letzte Glied in der Kette wirklich, aber ich konnte verwenden Hilfe.

Processing.js ist ein Wal von einem Projekt, das unsere Unterstützung verdient. Es hat ein enormes Potenzial. Ich möchte Sie ermutigen, einzuspringen, wenn Sie in der Lage sind.

Answer 3

Diese Seite beschreibt, wie die Zusammenarbeit processing.js + excanvas erhalten.

Es handelt sich im Grunde Ihre eigene onload init-Methode zu schreiben, die IE verstehen kann.