search

aleen42 / PersonalWiki

:notebook: A simple personal wiki of my current knowledge
https://wiki.aleen42.com
MIT License
347 stars 52 forks source link

Drawing in JavaScript #17

Open aleen42 opened 8 years ago

aleen42 commented 8 years ago

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

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 commented 7 years ago

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.