【D3.js】画像をデータセットとして使う

分解

読み込んだ画像ファイルをcanvasに転写し、getImageDataで取得したcanvasPixelArrayを整形して、d3へ渡します。
後は受けとったデータを元にsvgのcircleで描画。
詳細はexampleのソースを参照してください。

ボタンクリックで、色情報を元に分解 → あんまり綺麗に分解できず orz

example

カテゴリー: D3v3

“【D3.js】画像をデータセットとして使う” への1件の返信

現在コメントは受け付けていません。