嵌入图像

除了图形化原件,如矩形和圆形之外,SVG还提供了一些元素用来在图片中嵌入别的类型的内容。

嵌入光栅图像Section 很像在HTML中的img元素,SVG有一个image元素,用于同样的目的。你可以利用它嵌入任意光栅(以及矢量)图像。它的规格要求应用至少支持PNG、JPG和SVG格式文件。

嵌入的图像变成一个普通的SVG元素。这意味着,你可以在其内容上用剪切、遮罩、滤镜、旋转以及其它SVG工具:

  <svg version="1.1"
       xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
       width="200" height="200">
    <image x="90" y="-65" width="128" height="146" transform="rotate(45)"
       xlink:href="https://developer.mozilla.org/media/img/mdn-logo.png"/>
  </svg>

results matching ""

    No results matching ""