# 1. 将SVG作为图像

svg 作为图像包含在HTML标记的 img 元素内,但是这样有一定的局限性:

SVG转为栅格图像时与主页面分离,并且无法在两者之间通信( SVG 渲染过程与主页面独立)。主页面上的样式对 SVG 无效,运行在主页面上的脚本无法感知或者修改 SVG 文档结构。

CSS 中包含 SVG,最常用的是 background-image 属性,应该避免 SVG 元素文件太大。

# 2. 将SVG作为应用程序

使用 object 元素将 SVG 嵌入 HTML 文档中,object元素的 type 属性表示要嵌入的文档类型,对用 SVG 应该是type="image/svg+xml"object 元素必须有起始标签和结束标签,这两个标签之间的内容为对象数据本身不能被渲染时显示。

最后更新: 2021/7/5 下午5:48:01