Algorithm for selecting images for a polygonal representation using Canvas and JavaScript?

First of all, I'm not used to dealing with images, so if my wording is turned off, please excuse me.

I want to take an image that is placed on an HTML5 canvas, sample it, reduce the selection, then create a polyangular representation of the image, using mostly triangular arrows with several other polyangular arrows, and draw this image on the canvas.

But I don’t know where to start with an algorithm to do this. What pseudo code do I need for such an algorithm?

This image can better understand the end result:

+5
source share
2 answers

I would do the following:

, , Delaunay. GitHub 15 JavaScript , , .

+5
+4

All Articles