How to create jigsaw puzzle from image using javascript

I searched for it but did not find a good answer. In particular, I want to know:

  • to cut the image into curved parts.
  • create separate objects from these fragments (I assume I need this for assembly)

thank.

+3
source share
2 answers

There are several parts to this puzzle. :)

The first part is SVG and its canvas. This is what you will need to draw, because otherwise you will not be able to make a curved figure out of the drawing. Only rectangles with standard HTML / CSS are possible.

- . Google , ( ).

.

: Google Jigsaw . .

+7

, , , - , , /picture/. , , , , //. . , , "", -1 - . , , . , "" (, ). , , . . .

: . , x, , .

+1

Source: https://habr.com/ru/post/1772431/


All Articles