如何實現Raphael.js中的Perlin噪聲？

Question

我想在Raphael.js中創建一個Perlin noise的實現。爲了演示效果，下面是一個example implementation using Flash-AS3。

的幾個注意事項：

• 結果不一定完全匹配的例子，類似的渲染不夠好。
• 我想將效果放在圓形內。
• 我使用拉斐爾2.01，Firefox的12.0，在Windows XP

...我已經尋找在谷歌實施這個方法，但似乎無法找到任何。如何才能做到這一點？

Answer 1

Raphael是一個矢量庫 - 不是一個很好的選擇實現光柵圖形效果。當然可以做到這一點，但這種解決方案效率不高，因爲您必須在矢量中實現像素 - 可能是小點或正方形。

考慮使用<canvas>元素和純JS代替。