SVG基础 | SVG image 元素

SVG <image> 元素用于在SVG图像中嵌入位图。 通过使用 <image> 元素你可以将一张位图绘制在SVG图像上面。下面是一个简单的例子：

<svg xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" height="130" width="500" style="fill: #333333"/>

  <image x="20" y="20" width="150" height="46"
   xlink:href="http://img.htmleaf.com/1506/logo.png" />

  <line x1="25" y1="80" x2="350" y2="80"
          style="stroke: #ffffff; stroke-width: 3;"/> 
  <text x="180" y="110" style="fill:#fff;">jQuery之家欢迎您！</text>
</svg>

查看更多关于SVG基础 | SVG image 元素的详细内容...