Svg Vs Object. Graphical objects can be grouped styled transformed and composited into previously rendered objects. Vector graphic shapes such as paths and outlines consisting of straight lines and curves bitmap images and text.
For images without interaction the tag or a CSS background can be used. SVG viewport and viewBox. In canvas once the graphic is drawn it is forgotten by the browser.
It feels a little unnatural but its the most reliable method if you want to provide dynamic effects.
The above adds the color lime in a different way. The latter two have the advantage that they allow for the execution of JavaScript and animations. Generally container means the browser window but a svg element can contain other svg elements in that case the container is the parent svg. If attributes of an SVG object are changed the browser can automatically re-render the shape.
