Alguém Processing.js que trabalham no IE tem?

Question

Eu estou procurando exemplos de Processing.js trabalhando no Internet Explorer através de ExplorerCanvas ou similar.

Answer 1

O sparklines exemplo na Processing.js exposição usa a página de ExplorerCanvas. Parece que é apenas um drop-in solução, não extra de codificação necessária.

Answer 2

Pode ser feito! Existem algumas armadilhas, no entanto. O htxt página links para é bom, na medida em que vai, mas observe o seguinte:

1) Ambos script e lona elementos devem ter atributos id. A função init usa estes id atributo é para associar um determinado script com uma determinada tela. Eu encontrei a função init simplificado mais fácil de entender do que a oficial. Você vai querer dominar a oficial se você tiver várias telas em uma página.

2) Se você usar designações de cores de estilo internet, como # 23ff9a, cuidado! IE 8 desejos todos os números de cor hexadecimal maiúsculas de Processing.js / canvas. Write # 23FF9A! Isto é o que os shows de documentação, por isso não deve ser uma surpresa completa. O erro é uma coisa em algum momento, o que torna louco para descobrir. Na maior parte, os números maiores (para cores mais claras) com muita da F parecem ser atingidas. Branco, #ffffff, é OK, mas # ff00ff não é. Firefox e Safari são case-insensitive a este respeito. A documentação diz que você pode usar uma notação hexadecimal alternam com canal alfa (CC) que se parece com 0xCC006699 . Isto não funcionou para mim; talvez seja na lista de coisas a fazer.

3) Os .equals () em cordas está faltando! Andor Salga, um dos tripulantes Seneca College trabalhando em Processing.js, escreveu um simples boolean função stringsEqual (str1, str2) você pode ver aqui . Isso vai fazer até que o assunto está definitivamente fixado.

4) Não é verdade que o AVC () não funciona com excanvas.js. Ele faz. No entanto, se o seu código Processing.js tem mesmo um pequeno erro de sintaxe (eu realmente não posso categorizar quais tipos, mas tentando .equals de uso () irá fazê-lo) sua rotina provavelmente irá falhar silenciosamente no IE8, enquanto que, no Safari ou Firefox, seus retângulos podem perder seus contornos, ou seja, acidente vascular cerebral () vai parar de trabalhar. IE no Vista, e Safari no Mac, tem tanto sintaxe mais forte exibiu verificando que o Safari ou Firefox no Vista, que vai explodir por certos erros e tornar um gráfico defeituoso.

5) de texto, chamado usando a função text (), torna no Firefox (em uma fonte imutável da escolha de Firefox), mas, tanto quanto eu posso dizer, não no IE8 ou Safari. O Método Glyph é sugerido aqui . O código está no lugar, mas recebendo as fontes parece um problema. Inkscape parece muito impenetrável para mim. Tanto quanto eu posso dizer, o que é necessário é muito parecido com fontes pen-plotter velhos - um caminho de vetor com pen-up e pen-down comandos entre corridas de nós. Acontece FSF / GNU tem alguns que pode ser massageado no formato certo, sem muita dificuldade. Eu não sei onde o formato é definido, mas é provavelmente mais pelo W3C em algum lugar. A abordagem com potencial real para fontes apresentável é a ala IE / VML de Cufon. Consulte Como funciona? eu realmente quero este último elo da cadeia, mas eu poderia usar alguma ajuda.

Processing.js é uma baleia de um projeto que merece o nosso apoio. Ele tem um enorme potencial. Eu incentivá-lo a campo em se você é capaz.

Answer 3

Esta página descreve como obter Processing.js + excanvas trabalhando juntos.

Ela envolve basicamente escrever seu próprio método onload de inicialização que o IE pode entender.