svg 资源嵌入

参考

图像

类似于 HTML 中 的 <img> 元素，svg 中可以使用 <image> 元素插入图片，支持 PNG、JPG 和 SVG 等类型的图片。

嵌入的图片被定义为一个普通的 svg 元素，所以你可以对其进行剪裁、遮罩、变形等。

<image/> 元素和 <rect/> 的大小定位等属性相同，只是增加了 xlink:href 属性来设置资源的地址，资源也可以是一段 base64。

示例：

嵌入任意 xml

参见