SVG_HOWTO.md

JS/HTML5 style and graphics

• General SVG info

  • w3c docs
  • W3c primer
  • mozilla attribute docs
  • mozilla element docs
  • mozilla SVG tutorial

• SVG + REACT

  • Using React.js to draw dynamic SVG
  • REACT+SVG
  • how to make SVG icons using REact is actually an amazing demonstration of a lot of basic but very handy procedural geometry tips. It's by the folks behind geomicons

• SVG and user interaction

  • interact.js attempts to automate the interactions, but doesn't work with react
    • mozilla introduction thereto explains some difficulties we might wish to overcome
  • jimknopf shows how to create multitouch SVG interactions
  • another example
  • another example, also explaining transform amtrix

• SVG works with CSS (!)

Icons are provided through fontawesome