seurat.jsは画像処理のフレームワークraphael.jsを拡張したもので、HTML5のcanvasを使用して、画像をサークルや長方形の網点状に分解してくれます。表示の変化をアニメーション効果で表現するのも特徴のひとつです。今回のサンプルは、画像をクリックすると、シンプルに大型のサークルの網点に分解します。上側の画像は、大きめのサークル、下側は小さめのサークルになります。なお、画像が大きいと変換に少し時間がかかります。

　paper.seurat({ imageSource:'images/500x200-5.jpg',
　attributes: {r: 6, stroke: 0}});

　paper.seurat({ imageSource:'images/500x200-5.jpg',
　attributes: {r: 4, stroke: 0}});