您好,欢迎来到尔游网。
搜索
您的当前位置:首页SVG Simple EXAMPLE

SVG Simple EXAMPLE

来源:尔游网
<?xml version="1.0" standalone="no"?>
<!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" version="1.1"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <rect width="100" height="300" x="150" rx="20" y="50"/>
  <circle cx="200" cy="100" r="40" stroke="black" stroke-width="3" fill="red" />
  <circle cx="200" cy="200" r="40" stroke="black" stroke-width="3" fill="yellow" />
  <circle cx="200" cy="300" r="40" stroke="black" stroke-width="3" fill="green" />

  <line x1="100" y1="400" x2="100" y2="600" stroke="black" stroke-width="2" />
  <line x1="100" y1="600" x2="400" y2="600" stroke="black" stroke-width="2" />
  <text x="90" y="610">0</text>
  <text x="90" y="390">y</text>
  <text x="410" y="610">x</text>

  <polyline points="110,420 120,450 130,460 140,420 150,460 160,490 170,410" fill="none" stroke="black"/>
  <line x1="110" y1="420" x2="110" y2="600" stroke-width="2" stroke="green" stroke-dasharray="5,5"/>
  <line x1="170" y1="410" x2="170" y2="600" stroke-width="2" stroke="green" stroke-dasharray="5,5"/>
  <path d="M120 500 L130 490 L140 480 L150 490 L160 480 L170 450 L180 470" fill="none" stroke="red" />
  <line x1="120" y1="500" x2="120" y2="600" stroke-width="2" stroke="blue" stroke-dasharray="1"/>
  <line x1="180" y1="470" x2="180" y2="600" stroke-width="2" stroke="blue" stroke-dasharray="1"/>

  <defs>
    <path id="path1" d="M0 10 L50 20 L100 10 L150 20" />
  </defs>
  <a xlink:href="http://www.google.de" target="_blank">
    <text fill="red">
      <textPath xlink:href="#path1">visit google.de</textPath>
    </text>
  </a>
</svg> 


因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- axer.cn 版权所有 湘ICP备2023022495号-12

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务