SVG file and include tag test

Code

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" width="84px" height="84px" viewBox="0 0 84 84">
    <style type="text/css">
    #obj {
        stroke: #34495E;
    }
    </style>
    <desc>This is svg circle. You can see circle when use svg support browser.</desc>
    <circle id="obj" cx="42" cy="42" r="40" stroke="#000" stroke-width="4" fill="gold"/>
    <script type="text/ecmascript"><![CDATA[
        var obj = document.getElementById('obj');
        obj.setAttribute('fill', '#2ECC71');
    ]]></script>
</svg>

width 100px, height 100px, with viewBox

inline

This is svg circle. You can see circle when use svg support browser.

img

object

iframe

embed

width 100px, height 100px, without viewBox

inline

This is svg circle. You can see circle when use svg support browser.

img

object

iframe

embed

width 100px, height auto, with viewBox

inline

This is svg circle. You can see circle when use svg support browser.

img

object

iframe

embed

width 100px, height auto, without viewBox

inline

This is svg circle. You can see circle when use svg support browser.

img

object

iframe

embed