如何在Raphael.js中实现Perlin噪音？

Question

我想在Raphael.js中创建Perlin noise的实现。为了证明这种效果，这里是example implementation using Flash-AS3。

一些注意事项：

• 结果不必完全匹配示例，类似的渲染就足够了。
• 我想将效果放在圆形内。
• 我在Windows XP上使用Raphael 2.01，Firefox 12.0

我搜索过在Google上实现此功能的方法，但似乎找不到任何方法。怎么办呢？

Answer 1

Raphael是一个矢量库 - 不是一个很好的选择来实现光栅图形效果。确实可以这样做，但是这个解决方案效率很低，因为你必须在向量中实现像素 - 可能是小点或正方形。

考虑使用<canvas>元素和纯JS。