qq_41339126的博客

使用SVG实现一个简单的甘特图。

SVG.js动画——timeline方法与内置控制器 timeline方法：pause()、play()、stop()、reverse()、time()、finish()、speed()、seek()、persist()、source()、schedule()、unschedule() 内置控制器：new SVG.Spring(settleTime)和new SVG.PID(p, i, d)

SVG.js动画——animate方法和Runner实例

SVG中pattern和marker元素的属性及使用

SVG.js中的use和marker元素的相关方法。 use元素：use() marker元素：marker()、width()、height()、size()、update()、orient()

SVG.js中的mask和clipPath元素的相关方法。 mask元素：mask()、maskWith()、unmask()、remove()、masker() clipPath元素：clip()、clipWith()、unclip()、remove()、clipper()

SVG.js中渐变元素和pattern元素的相关方法。 渐变元素:：gradient()、gradient.stop()、gradient.url()、gradient.from()/to()、gradient.get()、gradient.update()、gradient.radius()、stop.update() pattern元素：pattern()、pattern.url()、pattern.update()

SVG.js中的image元素的相关方法。image()、load()

SVG.js元素中的textPath元素和tspan元素的相关方法 textPath元素：plot() array() track() tspan元素：tspan() newLine() text() clear() amove() dx() dy()

SVG.js插件中text元素的相关方法svg.text()、newLine()、length()、text.text()、tspan()、build()、rebuild()、path()、textPath()、ax()、ay()、amove()、font()、leading()、clear()

SVG.js中设置元素大小的方法、radius、fill、stroke、opacity方法

SVG.js插件创建line、rect、circle、ellipse、polyline、polygon、path元素，并且其元素的相关方法学习。

SVG.js插件中设置所有属性的方法attr()以及位置相关的方法。例如：x()、y()、dx()、dy()、cx()、cy()、center()、move()、dmove()方法的使用

SVG.js插件中的SVG()、addTo()、add()、size()、width()、height()方法

SVG.js 用于操纵和设置 SVG 动画的轻量级库。SVG.js 没有依赖性，它的目标是尽可能小，同时提供接近完整的 SVG 规范覆盖范围。

polyline（折线）、polygon（多边形）、rect（矩形）、circle（圆形）、ellipse（椭圆）

path标签可以定义大部分的基本形状。

容器元素：defs、use、g、symbol。

SVG中svg、clipPath、mask元素属性及其使用。

学习SVG标签及其属性

SVG中的文本元素及其属性的使用。

初识SVG，了解SVG的一些基本概念，优缺点，该如何在前端中使用