SVG 实例
在线实例
下面的例子是把 SVG 代码直接嵌入到 HTML 代码中。
几乎所有现代浏览器都支持 SVG(可缩放矢量图形)格式。
以下是一些主要浏览器的支持情况:
- Google Chrome:全面支持SVG,版本从1.0开始。
- Mozilla Firefox:全面支持SVG,版本从1.5开始。
- Microsoft Edge:全面支持SVG。
- Safari:全面支持SVG,版本从3.1开始。
- Opera:全面支持SVG,版本从9.0开始。
移动浏览器支持:
- iOS Safari:全面支持SVG。
- Android Browser:全面支持SVG。
- Chrome for Android:全面支持SVG。
SVG 实例
SVG基本形状
stroke-linecap属性定义不同类型的开放路径的终结:
SVG滤镜
feOffset、feFlood、feComposite、feMerge 以及 feMergeNode
SVG渐变
SVG杂项
点我分享笔记