Quelqu'un at-il Processing.js travaillant dans IE?

Question

Je cherche des exemples de Processing.js travaillant dans Internet Explorer via ExplorerCanvas ou similaire.

Answer 1

Le de sparklines sur exposition de Processing.js utilise ExplorerCanvas. Il semble que c'est juste une solution de drop-in, aucun codage supplémentaire nécessaire.

Answer 2

On peut le faire! Mais Il y a quelques gotchas,. La page HTXT des liens vers est très bien, dans la mesure où il va, mais s'il vous plaît noter les points suivants:

1) Les deux scripts et des éléments de toile doivent avoir des attributs d'identité. La fonction init utilise ces id d'attributs de associer un script donné avec une toile donnée. J'ai trouvé la fonction init simplifiée plus facile à comprendre que l'officiel. Vous voulez maîtriser l'un fonctionnaire si vous avez plusieurs toiles sur une page.

2) Si vous utilisez les désignations de couleur de type Internet, comme # 23ff9a, attention! IE 8 veut tous les numéros de couleur hexadécimaux majuscules de Processing.js / toile. Ecrire # 23FF9A! C'est ce que la documentation montre, donc il ne devrait pas être une surprise complète. L'erreur est une chose quelque temps, ce qui le rend fou de comprendre. La plupart du temps, un plus grand nombre (pour des couleurs plus claires) avec beaucoup de semblent de f être affligé. Blanc, #ffffff, est OK, mais # ff00ff est pas. Firefox et Safari sont insensibles à la casse à cet égard. indique que vous pouvez utiliser une notation hexagonale alternent avec canal alpha (la CC) qui ressemble à 0xCC006699 . Cela ne fonctionne pas pour moi; peut-être est sur la liste des choses à faire.

3) La méthode equals () sur les chaînes manque! Andor Salga, l'un de l'équipage Collège Seneca travaillant sur Processing.js, a écrit une simple fonction booléenne stringsEqual (str1, str2) vous pouvez voir ici . Cela fera jusqu'à ce que la question soit définitivement fixé.

4) Il est pas vrai que la course () ne fonctionne pas avec excanvas.js. Cela fait. Cependant, si votre code Processing.js a même une petite erreur de syntaxe (je ne peux pas classer vraiment quels types, mais en essayant d'utiliser equals () le fera) votre routine va probablement échouer en silence dans IE8, alors que, dans Safari ou Firefox, vos rectangles peuvent perdre leurs contours, c.-à-temps () va cesser de travailler. IE sur Vista et Safari sur Mac, ont montré à la fois plus forte syntaxe que Safari ou Firefox sur Vista, qui soufflera par certaines erreurs et rendre une image défectueuse.

5) Texte, invoqué en utilisant la fonction texte (), rend dans Firefox (dans une police inchangeable du choix de Firefox), mais, pour autant que je peux dire, pas dans IE8 ou Safari. Méthode Glyphe est suggéré . Le code est en place, mais obtenir les polices de caractères ressemble à un problème. Inkscape semble assez impénétrable pour moi. Pour autant que je peux dire, ce qui est nécessaire est un peu comme vieilles polices traceur stylo - un chemin vectoriel avec un stylo-up et les commandes de stylet vers le bas entre séries de nœuds. Il s'avère FSF / GNU a certains qui pourraient être massé dans le format sans trop de difficultés. Je ne sais pas où le format est défini, mais il est probablement plus au sein du W3C quelque part. L'approche avec un réel potentiel pour les polices présentables est l'aile IE / VML de Cufon. Voir Comment ça marche? Je veux vraiment que ce dernier maillon de la chaîne, mais je ne pouvais utiliser un peu d'aide.

Processing.js est une baleine d'un projet qui mérite notre soutien. Il a un potentiel énorme. Je vous encourage à planter si vous êtes en mesure.

Answer 3

Cette page décrit comment obtenir Processing.js + excanvas travailler ensemble.

Il consiste essentiellement à écrire votre propre méthode init onload que IE peut comprendre.