javascript - 有没有人在 IE 中使用 processing.js？

Question

我正在寻找 processing.js 的示例通过 ExplorerCanvas 在 Internet Explorer 中工作或类似的。

Answer 1

这是可以做到的!然而，也有一些陷阱。 The page htxt links to很好，就目前而言，但请注意以下几点:

1) script 和 canvas 元素都必须有 id 属性。 init 函数使用这些属性 id 将给定的脚本与给定的 Canvas 相关联。我发现简化的 init 函数比官方的更容易理解。如果您在一页上有多个 Canvas ，您将想要掌握官方的。

2) 如果您使用互联网风格的颜色名称，例如#23ff9a，请注意! IE 8 需要来自 Processing.js/canvas 的所有大写十六进制颜色数字。写#23FF9A!这是文档显示的内容，所以这不应该是一个完全的惊喜。该错误是有时发生的事情，这使弄清楚它变得疯狂。大多数情况下，带有很多 f 的较大数字(对于较浅的颜色)似乎会受到影响。白色#ffffff 可以，但#ff00ff 不行。 Firefox 和 Safari 在这方面不区分大小写。 documentation说您可以使用替代的十六进制表示法和 alpha channel (CC)，看起来像 0xCC006699。这对我不起作用；也许它在待办事项列表上。

3) 缺少字符串的 .equals() 方法!致力于 Processing.js 的 Seneca College 工作人员之一 Andor Salga 编写了一个简单的 bool stringsEqual(str1, str2) 函数，您可以看到 here .这将一直持续到问题最终得到解决。

4) stroke() 不适用于 excanvas.js 是不正确的。确实如此。但是，如果您的 Processing.js 代码有一点语法错误(我无法真正归类为哪些类型，但尝试使用 .equals() 会做到这一点)您的例程可能会在 IE8 中无提示地失败，而在 Safari 或Firefox，你的矩形可能会丢失它们的轮廓，即 stroke() 将停止工作。 Vista 上的 IE 和 Mac 上的 Safari 都表现出比 Vista 上的 Safari 或 Firefox 更强的语法检查，后者会因某些错误而崩溃并呈现有缺陷的图形。

5) 使用 text() 函数调用的文本在 Firefox 中呈现(以 Firefox 选择的不可更改的字体)，但据我所知，在 IE8 或 Safari 中不呈现。建议使用字形方法 here .代码已经到位，但获取字体看起来像个问题。 Inkscape 对我来说看起来非常难以理解。据我所知，所需要的很像旧的笔式绘图仪字体——一个矢量路径，在节点运行之间带有提笔和落笔命令。事实证明，FSF/GNU 有一些可以毫不费力地转换成正确的格式。我不知道格式在哪里定义，但它可能在 W3C 的某个地方结束了。具有可呈现字体真正潜力的方法是 Cufon 的 IE/VML 分支。参见 How does it work?我真的想要链条中的最后一个环节，但我需要一些帮助。

Processing.js 是值得我们支持的项目中的一员。它具有巨大的潜力。如果可以的话，我会鼓励你参与进来。