javascript - キャンバスと JavaScript を使用した多角形表現の画像サンプリングのアルゴリズム?

Question

まず、画像の扱いに慣れていないので、言葉遣いが違っていたらすみません。

HTML5キャンバスにドロップされた画像を取得し、それをサンプリングし、サンプリングを削減してから、ほとんどの三角形と他のいくつかのポリゴンを使用して画像のポリゴン表現を作成し、その画像をキャンバスに描画しようとしています.

しかし、そうするためのアルゴリズムをどこから始めればよいかわかりません。この種のアルゴリズムには、どのような疑似コードが必要ですか?

この画像は、最終結果をよりよく理解するのに役立つ場合があります。

score 5 · Accepted Answer

私は次のことをします：

ランダムに配置されたドットのフィールドを作成します。
ドットからボロノイ図を作成します。
- これは、私が過去にこれに使用した優れた JavaScript ライブラリです: https://github.com/gorhill/Javascript-Voronoi
色のサンプリングに基づいて各セルに色を付けます。
- ドットで色を選ぶだけですか？セル内のすべての色をサンプリングして平均化しますか? セルの中心で平均に重みを付けますか? それぞれが異なるが、おそらく興味深い結果を生成します。

結果が多角形ではなく三角形である必要がある場合は、ボロノイ図の代わりにDelaunay triangulationを作成します。GitHub には、この.

score 4 · Accepted Answer

わかりました、それは少し間接的ですが、ここに行きます.....!

これは、画像を点描画アートに変換する SVG のプラグインです: https://github.com/gsmith85/SeuratJS/blob/master/seurat.js

ここが興味深い部分です。ボンネット裏は帆布を使用し加工を施しています！

例は、「ドット」と「正方形」で構成された画像を示しています。

おそらく、コードを変更して三角形を作成することもできます。正方形を斜めにカットして三角形を作成することもできます。

2 に答える 2