canvas drawing with pen support.md

Canvas Drawing Ressources General

• "Drawing Game": Color, sizes, box, outline, etc: http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

• Fabric.js:

  • Fabric Pressure Brush: https://github.com/arch-inc/fabricjs-psbrush
  • Fabric Pressure Brush Demo: Google Chrome only: https://arch-inc.github.io/fabricjs-psbrush/
  • https://gs.archinc.jp/#drawing=5e4fa91448c4290030d09661
  • Fabric Brushes: https://github.com/tennisonchan/fabric-brush
  • Eraser Brush is a problem:
  • https://stackoverflow.com/a/55514211
  • fabricjs/fabric.js#5595
  • Working eraser: fabricjs/fabric.js#1225 (comment) (still with fabric-4.0.0.-beta12)
  • undo/redo: https://stackoverflow.com/a/28666556
  • Fabric, Typescript et al https://exceptionnotfound.net/drawing-with-fabricjs-and-typescript-part-3-basic-shapes/

• DrawerJS:

  • https://carstenschaefer.github.io/DrawerJs/src/plugins/brush-eraser/
  • https://github.com/carstenschaefer/DrawerJs

• Konva JS:

  • Native drawing with eraser: https://konvajs.org/docs/sandbox/Free_Drawing.html
  • Infinite Canvas "touch" scroll: https://konvajs.org/docs/sandbox/Canvas_Scrolling.html

Entity Relation / UML Diagrams

Overview:

• Top10: https://modeling-languages.com/javascript-drawing-libraries-diagrams/
• draw.io js base: https://github.com/jgraph/mxgraph