Svg Vs Css. You can save an object numerous times during working with it without affecting the original quality. SVG shapes are real content actual elements drawn on screen instead of empty divs with no content which leads to SVG shapes are accessible by screen readers.
Thats because in SVG 11 the points attribute is defined using a bespoke grammer which allow trailing dots on numbers. But draws nothing in SVG 2. An SVG image with fixed dimensions will be treated just like a raster image of the same size.
Because SVG is a vector format they look great at any size and work for pretty much any type of image other than a photo.
Of course JavaScript performance has improved too and with it the performance of Canvas but not as much as SVG got improved. Note If you are trying to stretch your SVG to a different aspect ratio with CSSfor example in order to stretch it over the page backgroundmake sure your SVG includes preserveAspectRationone. SVG or Scalable Vector Graphics is incredibly practical. SVG however is not a perfect choice for every occasion because of the following cons.
