SVG 在不同的浏览器上的兼容处理
警告
本文最后更新于 2020-03-30，文中内容可能已过时。
SVG 跨浏览器支持
方法一
在 img 元素内使用“src”属性引用 PNG 或 JPG 等低版本浏览器支持的类型，并且用“srcset”属性引用 SVG 类型，这种情况，支持的浏览器将加载 SVG，较旧的浏览器将加载 PNG 等。例如，
<img src="equilateral.png" alt="triangle with equal sides" srcset="equilateral.svg" />
方法二
将 SVG 作为 CSS 背景图像，如下,旧浏览器会坚持 PNG 等，支持 SVG 的浏览器将加载 SVG
background: url("fallback.png") no-repeat center; background-image: url("image.svg"); background-size: contain;