在react中使用svg的各种方法总结（附代码）

这篇文章给大家介绍的内容是关于在react中使用svg的各种方法总结（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

优势

SVG可被非常多的工具读取和修改(比如vscode)

不失真, 放大缩小图像都很清晰

SVG文件是纯粹的XML, 也是一种DOM结构

使用方便, 设计软件可以直接导出

兼容性

上一张兼容性图表, 或到caniuse.com查看

兼容性也不是什么大问题. 当然, 如果你的网站还是需要兼容这些旧式的浏览器, 社区上也有对应的方案, 比如张鑫旭的一些SVG向下兼容优雅降级技术

使用方式

方案多种多样, 适合你的需求的才是最优的

直接在模板中使用

查看更多关于在react中使用svg的各种方法总结（附代码）的详细内容...