У кого-нибудь есть processing.js работающий в IE?

Question

Я ищу примеры processing.js работа в Internet Explorer через Исследователь Канвас или что-то подобное.

Answer 1

В пример спарклайнов на processing.js выставка страница использует ExplorerCanvas.Похоже, что это просто готовое решение, никакого дополнительного кодирования не требуется.

Answer 2

Это можно сделать! Однако есть некоторые подводные камни. Страница htxt ссылается на все в порядке, насколько это возможно, но, пожалуйста, обратите внимание на следующее:

1) Как элементы script, так и canvas должны иметь атрибуты id.Функция init использует эти идентификаторы атрибутов, чтобы связать данный скрипт с данным canvas .Я нашел упрощенную функцию инициализации более понятной, чем официальная.Вы захотите освоить официальную версию, если у вас есть несколько полотен на одной странице.

2) Если вы используете цветовые обозначения в интернет-стиле, например #23ff9a, будьте осторожны!IE 8 хочет все шестнадцатеричные цветовые номера в верхнем регистре из Processing.js/canvas.Напишите #23FF9A!Это то, что показано в документации, так что это не должно быть полной неожиданностью.Ошибка - это частая вещь, разобраться в которой сводит с ума.В основном, большие числа (для более светлых цветов) с большим количеством f, похоже, страдают.Белый, #ffffff, подходит, а #ff00ff - нет.Firefox и Safari в этом отношении не чувствительны к регистру.В Документация говорит, что вы можете использовать альтернативную шестнадцатеричную запись с альфа-каналом (CC), которая выглядит как 0xCC006699.У меня это не сработало;может быть, это есть в списке дел.

3) Метод .equals() для строк отсутствует!Андор Салга, один из команды колледжа Сенека, работающий над 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 выглядит для меня довольно непроницаемым.Насколько я могу судить, то, что нужно, очень похоже на старые шрифты для перьевого плоттера - векторный контур с командами pen-up и pen-down между запусками узлов.Оказывается, в FSF / GNU есть некоторые, которые можно было бы без особых проблем преобразовать в нужный формат.Я не знаю, где определен формат, но, вероятно, он где-то в W3C.Подход с реальным потенциалом для создания презентабельных шрифтов - это подразделение Cufon в области IE / VML.Видишь Как это работает? Я действительно хочу это последнее звено в цепочке, но мне не помешала бы некоторая помощь.

Processing.js это один из китов проекта, который заслуживает нашей поддержки.У него огромный потенциал.Я бы посоветовал вам принять участие, если вы в состоянии.

Answer 3

Эта страница описывает, как получить processing.js + исключения, работающие вместе.

В основном это включает в себя написание вашего собственного метода инициализации onload, который IE может понять.