Blog

Cross Browser SVG

shutterstock_234378844
BLOG / Web Development

Cross Browser SVG

SVG is the method of displaying basic vector graphics features using the embed or object elements.

Browser Support

This feature is already supported by a few major browsers including Chrome, Firefox, Safari, and Opera.

Code Example

You can use SVG like this:

<svg width="400" height="180">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke:black;stroke-width:5;opacity:0.5">
  Sorry, your browser does not support inline SVG.
</svg>

More Information

More information can be found here.