SVG stands for Scalable Vector Graphics and is an alternative to the immediate-mode raster graphics rendering that takes place in the HTML canvas. SVG is an XML-based graphics rendering language and should look at least somewhat familiar to anyone familiar with HTML. An SVG tag can be placed right inside of the HTML and accessed like any other DOM node. Because we are writing a tool for configuring particle emitter data, we will be adding SVG into our app for data visualization purposes.
A brief introduction to SVG
Vector versus raster graphics
As a game developer, you may not be familiar with vector graphics. When we render computer graphics, no matter what format we use, they will need to be rasterized into a grid of pixels...