SVG-Test/image.svg

19 lines
754 B
XML
Raw Permalink Normal View History

<?xml version="1.0"?>
<svg width="280" height="120" version="1.1" xmlns="http://www.w3.org/2000/svg">
<script>
window.onload = ()=>{ document.getElementById("state").textContent="ON"; };
</script>
<rect width="280" height="120" fill="#33c"/>
<g fill="none" stroke="white" stroke-width="2">
<circle cx="20" cy="20" r="4"/>
<circle cx="260" cy="20" r="4"/>
<circle cx="20" cy="100" r="4"/>
<circle cx="260" cy="100" r="4"/>
<path d="M20,30 A10,10,0,0,0,30,20 H250 A10,10,0,0,0,260,30
V90 A10,10,0,0,0,250,100 H30 A10,10,0,0,0,20,90 Z"/>
</g>
<text x="140" y="60" font-family="sans-serif" font-size="20"
text-anchor="middle" dominant-baseline="middle" fill="white"
stroke="none">JavaScript is <tspan id="state">OFF</tspan></text>
</svg>