Как уже упоминалось, IE не поддерживается Processing.js (включая бета-версию IE8). Я также обнаружил, что processing.js немного медленен с точки зрения производительности по сравнению с использованием только canvas (особенно если вы анализируете строку с помощью языка обработки вместо использования API-интерфейса javascript).
Лично я предпочитаю API Canvas над обработчиком, потому что он дает мне больше контроля. Например:
Функция обработки строки () реализована следующим образом (примерно):
function line (x1, y1, x2, y2) {
context.beginPath();
context.moveTo(x1, y1);
context.lineTo(x2, y2);
context.closePath();
context.stroke();
};
И вы бы использовали его следующим образом (при условии, что вы используете API, предоставляемый javascript):
var p = Processing("canvas")
p.stroke(255)
////Draw lines...///
p.line(0,0,10,10)
p.line(10,10,20,10)
//...and so on
p.line(100,100,200,200)
////End lines////
Обратите внимание, что каждый вызов line () должен открывать и закрывать новый путь, тогда как с помощью API Canvas вы можете рисовать все линии в одном блоке beginPath / endPath, что значительно повышает производительность:
context.strokeStyle = "#fff";
context.beginPath();
////Draw lines...///
context.moveTo(0, 0);
context.lineTo(10, 10);
context.lineTo(20, 10);
//...so on
context.lineTo(200, 200);
////End lines...///
context.closePath();
context.stroke();