Sunday, April 26, 2020

Working with SVG content in web apps

The W3 SVG Primer is a really useful resource for working with SVG content. Most importantly, it provides important context from working with the coordinate system to scripting events with javascript. Incidentally, figuring out how Inkscape manages coordinates on an SVG canvas in the context of a web browser has been challenging.

Another great resource is also the Mozilla developer pages.

Some of the key questions I need to look into
  • working with dynamically adding and removing SVG components from the document DOM.
  • attaching mouse and touch events to SVG components. 
  • manipulating SVG components through mouse and touch events (mostly moving objects around).