Related blog post: SVG test page

SVG as object tests:

SVG has width&height set, object has width&height set:

Not supported

SVG has width&height set, object does not:

Not supported

SVG uses viewBox, object has width&height set:

Not supported

SVG uses viewBox, object has no width&height set:

Not supported

SVG as HTML image tests:

SVG has width&height set, img has width&height set:

SVG has width&height set, img does not:

SVG uses viewBox, img has width&height set:

SVG uses viewBox, img has no width&height set:

SVG as CSS background tests:

SVG has width&height set, div has width&height set:

text text text text text text text

Same as above, with box smaller than image:

text text text text text text text

Same as above, with box larger than image:

text text text text text text text

SVG has width&height set (50% square), div has width&height set:

text text text text text text text

SVG has width&height set, normal div:

text text text text text text text

SVG has width&height set, div has width&height set as 50%:

text text text text text text text

SVG uses viewBox, div has width&height set:

text text text text text text text

SVG uses viewBox, normal div:

text text text text text text text

SVG uses viewBox, div has width&height set as 50%:

text text text text text text text