说明

推荐阅读才是正文。SVG图形技术是很耐人寻味的课题，持续阅读和记录中。下文相当于目录，具体的请大家百度。

svg的引入

由于浏览器的兼容性问题，在html中引入SVG可以是一个非常魔性的问题，借鉴了几篇“推荐阅读”中的文章，总结出以下方法：

1. 用<svg>标签引入

2. 用<img>标签的src引入

3. 用<object>标签引入

黑科技：

<svg>

<image xlink:href="svg.svg"src="svg.png"/>

</svg>

兼容性研究

[整理]SVG 兼容性
说明推荐阅读才是正文。SVG图形技术是很耐人寻味的课题，持续阅读和记录中。下文相当于目录，具体的请大家百度。 s...
HTML5新增API
SVG 定义矢量图工具，绘图SVG在H5标准之前就有了， IE对SVG的兼容性非常好 svg与canvas区别...
SVG矢量图
SVG 定义矢量图工具，绘图SVG在H5标准之前就有了， IE对SVG的兼容性非常好 svg与canvas区别...
svg 与canvas的区别
canvas 画图位图兼容性：高级浏览器 svg 矢量图兼容性：高级浏览器 ...
文字背景叠加效果
兼容性更好的svg 来源：https://www.zhangxinxu.com/wordpress/2018/02...
Web前端开发兼容性查询工具Can I use
Can I useweb浏览器兼容性支持html css svg html5 css3 opera chrome ...
SVG知识整理
SVG是什么可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它...
SVG的兼容性处理
SVG的适配由于SVG是在Android 5.0之后,提供支持的，所以在5.0之前的手机，需要做一些适配，目...
SVG
内容整理自网上！ 1、什么是SVG? 2、SVG的优势: 3、绘制矢量图形参考文档：https://develo...
2018-07-31
svg 标签和怎么引入的问题哪些css属性可以触发repaint 哪些css属性可以继承用最简单的不考虑兼容性...