Drawing in JavaScript

1,401 阅读1分钟

I have completely finish in drawing in JavaScript, and the demo has already supported in drawing any PNG, JPG, or even a 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 like. 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 some time to process.

Preview

  • input:

  • output:

Reference

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