GitHub 地址 支持 视频、图片 上涂鸦，做标记 画板功能支持 矩形、圆形、椭圆、箭头、直线、文本，支持 缩放、修改、调整字号颜色、移动位置....，画板数据支持上传保存，后续传入重新复原。

一、简介 动画标签：<animate>、<animateTransform>、<animateMotion> ... 动画元素、属性定位以及动画参数设置： attributeName、attribut

轨迹 Path 动画（animateMotion）轨迹 Path 动画（animateMotion）

案例效果 案例代码 案例效果 案例代码 案例效果 案例代码 案例效果 案例代码 案例效果 案例代码 案例效果 案例代码 案例效果 案例代码

本文来自 SVG Namespaces Docs，有疑问请看原版，原版中英混搭。 一、简介 作为 XML 的一个方言，SVG 需要在一个命名空间内（is namespaced）。理解命名空间的概念，以

<pattern> 是 SVG 的一个图案填充标签，可以在 pattern 中定义好图案，然后通过 id 引用来对某个图形进行填充 <pattern> 的 width/height 属性默认是根据所填

特性： 可以添加到任意的图形上 xlink:href：指定连接地址 xlink:title：指定连接提示 target：指定打开目标 案例

x、text-anchor、startOffset 属性：确定排列其实位置。 修改 y 无效果。 dx、dy 属性：切线和法线方向的偏移。 textPath 渲染原理 案例

SVG 通过 <text> 与 <tspan> 创建文本，支持 <a> 插入超链接，可以通过 <textPath> 让文本在指定的路径上排列。 <text> 与 <tspan> 基本属性： x、y：定