User Tools

Site Tools


dvd3js:understanding_svg_primitives

Understanding SVG primitives

<svg width="600" height="400" style="background: #cccccc">
  <rect x="250" y="150" width="100" height="10" style="fill: #ff0000" />
  <circle cx="200" cy="200" r="5" style="fill: #dd3333" />
  <text x="10" y="20" font-size="25" fill="cyan">SVG</text>
  <g id="triangle">
    <polyline points="10 35, 30 10, 50 35" style="fill: #0000ff;" />
    <polyline points="20 45, 40 20, 60 45" style="fill: #3333cc;" />
  </g>
  
  <!-- copie -->
  <use xlink:href="#triangle" x="50" y="50" />
</svg>
dvd3js/understanding_svg_primitives.txt · Last modified: 2016/04/14 16:06 by leo