不进行编码的话,我们可以以 data URI 形式在 CSS 中直接使用 SVG,但这仅在基于 Webkit 的浏览器中有效;如果用 encodeURIComponent() 对 SVG 编码,就可在全部地方都生效。
data URI
encodeURIComponent()
SVG 必须有 xmlns 属性,例如:xmlns='http: //www.w3.org/2000/svg'。如果不存在则会自动添加。
xmlns='http: //www.w3.org/2000/svg'
编码后的 SVG 可在 background,border-image 或 mask中使用(实例演示)。
background
border-image
mask