Это можно сделать! Однако есть некоторые ошибки. На странице htxt ссылки на в порядке, но обратите внимание на следующее:
1) Элементы script и canvas должны иметь атрибуты id. Функция init использует эти идентификаторы атрибутов, чтобы связать данный скрипт с данным холстом. Я обнаружил, что упрощенную функцию инициализации легче понять, чем официальную. Вы захотите освоить официальный, если у вас есть несколько холстов на одной странице.
2) Если вы используете цветовые обозначения в стиле интернета, например # 23ff9a, будьте внимательны! IE 8 хочет все шестнадцатеричные цифры цвета в верхнем регистре из Processing.js / canvas. Напишите # 23FF9A! Это то, что показывает документация, поэтому это не должно быть полной неожиданностью. Ошибка - вещь временная, что сводит с ума, чтобы понять. В основном, большие числа (для более светлых цветов) с большим количеством f, кажется, поражены. Белый, #ffffff, в порядке, но # ff00ff - нет. Firefox и Safari не чувствительны к регистру в этом отношении. документация говорит, что вы можете использовать альтернативную шестнадцатеричную нотацию с альфа-каналом (CC), которая выглядит как 0xCC006699. Это не сработало для меня; может быть, это в списке дел.
3) Метод .equals () для строк отсутствует! Андор Салга, один из членов команды Seneca College, работающей над Processing.js, написал простую логическую функцию stringsEqual (str1, str2), которую вы можете увидеть здесь . Это будет происходить до тех пор, пока проблема не будет окончательно решена.
4) Неверно, что stroke () не работает с excanvas.js. Оно делает. Однако, если ваш код Processing.js имеет хотя бы одну небольшую синтаксическую ошибку (я не могу точно определить, какие именно типы, но попытка использовать .equals () сделает это), ваша подпрограмма, вероятно, завершится сбоем в IE8, тогда как в Safari или Firefox, ваши прямоугольники могут потерять свои контуры, то есть stroke () перестанет работать. IE в Vista и Safari на Mac показали более строгую проверку синтаксиса, чем Safari или Firefox в Vista, что приводит к определенным ошибкам и отображает дефектную графику.
5) Текст, вызываемый с помощью функции text (), визуализируется в Firefox (неизменяемым шрифтом по выбору Firefox), но, насколько я могу судить, не в IE8 или Safari. Метод глифа предлагается здесь . Код на месте, но получение шрифтов выглядит проблемой. Inkscape выглядит довольно непроницаемым для меня. Насколько я могу судить, все, что нужно, во многом похоже на старые шрифты перьевого плоттера - векторный путь с командами перо-вверх и перо-вниз между рядами узлов. Оказывается, в FSF / GNU есть такие, которые могут быть без проблем помещены в правильный формат. Я не знаю, где определяется формат, но, вероятно, где-то на W3C это закончилось. Подход с реальным потенциалом для презентабельных шрифтов - это крыло IE / VML от Cufon. См. Как это работает? Я действительно хочу эту последнюю ссылку в цепочке, но я мог бы использовать некоторую помощь.
Processing.js - один из проектов, заслуживающий нашей поддержки. У него огромный потенциал. Я призываю вас принять участие, если вы можете.