SVG test

what's required to show & scale SVG

by John Schulz

HTML

<h2>W3C</h2>
<a href="http://www.w3.org/TR/SVG/linking.html#links">doc</a>
<svg width="5cm" height="3cm" viewBox="0 0 5 3" version="1.1"
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <desc>Example link01 - a link on an ellipse
  </desc>
  <rect x=".01" y=".01" width="4.98" height="2.98" 
        fill="none" stroke="blue"  stroke-width=".03"/>
  <a xlink:href="http://www.w3.org">
    <ellipse cx="2.5" cy="1.5" rx="2" ry="1"
             fill="red" />
  </a>
</svg>

<h2>Star(?)</h2>
<svg id="star-chart" xmlns="http://www.w3.org/2000/svg">
    
    <defs>
        
        <linearGradient id="diddy-fill" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox">
            <stop stop-color="#c49000" offset="0%"/>
            <stop stop-color="#cc442a" offset="100%"/>
        </linearGradient>
        <linearGradient id="yoshi-fill" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox">
            
            <stop stop-color="#a5e900" offset="0%"/>
            <stop stop-color="#5bd151" offset="100%"/>
        </linearGradient>
        <linearGradient id="waluigi-fill" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox">
            <stop stop-color="#6e31b6" offset="0%"/>
            <stop stop-color="#00047b" offset="100%"/>
        </linearGradient>
        <linearGradient id="bowser-fill" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox">
            <stop stop-color="#cd7909" offset="0%"/>
            
            <stop stop-color="#456c16" offset="100%"/>
        </linearGradient>
        <linearGradient id="mario-fill" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox">
            <stop stop-color="#f01412" offset="0%"/>
            <stop stop-color="#c60a0b" offset="100%"/>
        </linearGradient>
        <linearGradient id="wario-fill" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox">
            <stop...