Dessin

A simple, performant and interactive HTML5 Canvas studio.

Usage

yarn add @apenhet/dessin
OR
npm install @apenhet/dessin

Features

This project is still at a very early development stage, so the following list is likely to change in the near future.

• [x] Create and add shapes into your canvas:
  • [x] Rectangle
  • [x] Circle
  • [x] Ellipse
  • [x] Line
  • [x] Polygon
  • [x] SVG Path
  • [x] Image
  • [x] Triangle
  • [x] GeoJSON map
  • [ ] Video
  • [ ] Arrow
  • [ ] Icons
  • [ ] Charts
• [x] Select, edit, resize, rotate, move your shapes
• [x] Animate your shapes
• [x] Add events to your shapes:
• [x] mouseenter
• [x] mousemove
• [x] mouseleave
• [x] mousedown
• [x] mouseup
• [x] dragstart
• [x] drag
• [x] dragend
• [x] dblclick
• [x] tripleclick
• [x] Export your canvas into:
• [x] PNG
• [x] JPEG
• [x] WebP
• [ ] PDF
• [ ] SVG
• [ ] PPTX
• [ ] ...