javascript - 使用 John Resig 的 Processing.js 是否合理？

Question

我正在考虑制作一个使用相当密集的 JavaScript/canvas 的网站，我一直在查看 Processing.js在我看来，这将使操作 Canvas 变得更加容易。有谁知道我不应该使用 Processing.js 的原因吗？我知道旧版浏览器将无法使用它，但现在没关系。

Answer 1

如前所述，Processing.js(包括 IE8 beta)不支持 IE。我还发现，与仅使用 Canvas 相比，processing.js 在性能方面有点慢(特别是如果您使用 Processing 语言解析字符串，而不是使用 javascript API)。

与处理包装器相比，我个人更喜欢 Canvas API，因为它让我有更多控制权。例如:

处理line()函数是这样实现的(大致):

function line (x1, y1, x2, y2) {
  context.beginPath();
  context.moveTo(x1, y1);
  context.lineTo(x2, y2);
  context.closePath();
  context.stroke();
};

你会像这样使用它(假设你正在使用 javascript-exposed API):

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() 调用都必须打开和关闭一条新路径，而使用 Canvas API，您可以在单个 beginPath/endPath block 中绘制所有线条，从而显着提高性能:

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();