Drawing in JavaScript

[aleen42]

I have completely finished the project of drawing in JavaScript, and the demo has already supported in drawing any PNG, JPG, or even an SVG file. What you should do is just to drag and drop a picture onto the box, which you will see in that site. After that, drag and resize it, and place wherever you want When you have finished that, the Process button has been ready for you to click. After clicked, code will run to draw. Therefore, just give it some time to process.

Enjoy yourself! Having fun with drawing in JavaScript.

Preview

• input:

• output:

Reference

1. Finding Contours of a bitmap image
2. Drawing an SVG file
3. Convert all shapes/primitives into path elements of SVG
4. Calibration parameters for drawing an SVG file

[aleen42]

There are still some bugs when drawing SVG files, but I would like to firstly write a whole article to introduce how it works in a later post.