html运行实例（tag_svg_5）-搜寻教程库

代码示例：（标识：tag_svg_5）

<!DOCTYPE html>
<html>
<body>

<h1>svg 元素</h1>

<svg height="130" width="500">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%"
      style="stop-color:rgb(255,255,0);stop-opacity:1" />
      <stop offset="100%"
      style="stop-color:rgb(255,0,0);stop-opacity:1" />
    </linearGradient>
  </defs>
  <ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" />
  <text fill="#ffffff" font-size="45" font-family="Verdana"
  x="50" y="86">SVG</text>
  抱歉，您的浏览器不支持嵌入式 SVG。
</svg>

</body>
</html>