本文目录一览：
使用svg和js画一个圆环
可以参考 https：//developer.mozilla.org/zh-CN/docs/Web/SVG 网站上的语法 path元素用来定义形状的通用元素。
svg路径画圆的特性：(rx ry x-axis-rotation large-arc-flag sweep-flag x y)。rx，ry： 是椭圆的两个半轴的长度。x-axis-rotation： 是椭圆相对于坐标系的旋转角度，角度数而非弧度数。
svg在html中就是用来绘制矢量图的，理论上任何图形都可以用svg画出来，同时他也和普通html对象一样，有自己的各种事件以及样式。代码解析：svg标签，插入一个矢量图，宽度200px，高度200px。-tweenmax.min.js插件
注意： transform-origin默认是以元素中心为变形原点。 但是当采用svg坐标系的默认原点是左上角(0，0)处，如果直接引用动画，会发现svg围绕着左上角旋转，这不是我们想要的结果，所以需要重新设置旋转的中心点。-tweenmax.min.js插件
使用 g 元素，可以对多个元素进行分组 path元素是SVG基本形状中功能最强大的一个，它不仅能创建其他基本形状，还能创建更多其他形状。
之前用djs来写可视化组件，有着库依赖的问题，这次想自己把库的依赖去掉，用原生态javascript写。然后第一件事情我就懵逼了，用jquery的 $(svg/svg ) 生成也是一样。
求助,怎么用TweenLite或者TweenMax实现抛物线运动
1、如果想在TweenLite中使用特殊缓动则需要加载缓动类easing/EasePack.min.js 如果设置为true，动画将在创建时立即暂停。
2、TweenMax.js是动画插件库GSAP（GreenSock Animation Platform）的核心文件，加载后即可使用四个主要运动类TweenLite、TweenMax、TimelineLite、TimelineMax和一些其他插件。-tweenmax.min.js插件
3、GreenSock有一个比TweenLite强大的类，（不知道是不是TweenMax，记不清了，可以去官网看看）可以用贝塞尔曲线作为路径。不规则路径动画就用引导层做吧。或者可以把引导动画每一帧的坐标值保存下来，然后用程序控制。-tweenmax.min.js插件
4、TweenLite文档上有说明的：TweenLite does not activate any plugins by default， but TweenMax does。你用TweenLite是不能控制的，TweenLite只能控制特定的，建议你使用TweenMax就能控制别的了。-tweenmax.min.js插件
5、模式1 -- ALL_IMMEDIATE(覆盖所有)。设为该模式的TweenMax Object具有最高的优先级，会覆盖掉运动物体之前所有的缓动 模式2 -- AUTO(仅覆盖重复的属性)。默认模式 模式3 -- CONCURRENT(同时发生)。-tweenmax.min.js插件
6、可以用第三方的缓动库，如TweenLite，TweenMax 等。这些都比自带的Move效率高很多。
在Vue中使用GSAP完成动画(二)动画初始设置
1、控制动画往正方向播放，可设定开始的时间点。如果 suppressEvents 保持默认状态并跳到新的时间点，那么之前在新旧时间点之间设置的回调或函数不会被触发，相当于跳过了那些时间点。如果想触发，设为false。-tweenmax.min.js插件
2、分别指定进入和离开的持续时间：transiton 生命周期8个 当只用 JavaScript 过渡的时候，在 enter 和 leave 钩子中必须使用 done 进行回调。
3、先写好一个不带动画的弹窗组件，share_cover为遮罩DIV，share_content为内容DIV （核心）弹窗动画，我们要给内容DIV的CSS加个animation属性。
4、自定义过渡的类名优先级高于普通的类名，这样就能很好地与第三方（如：animate.css）的动画库结合使用。在很多情况下，Vue 可以自动得出过渡效果的完成时机。
tweenmax改变css3属性么
基于css3 animation和transition的动画类库，可以方便的使用js来调用。不过因为所有实现均基于css3，所以不能像tweenmax那样使用到其他对象，只能作用于dom对象的css属性（可以查阅animation和transition可使用的css属性）。-tweenmax.min.js插件
TweenMax.js是动画插件库GSAP（GreenSock Animation Platform）的核心文件，加载后即可使用四个主要运动类TweenLite、TweenMax、TimelineLite、TimelineMax和一些其他插件。-tweenmax.min.js插件
最新的vx版本则全面支持html5和css3动画，并适应于主流的浏览器。
如果想改变全局的TweenMax Object默认overwrite属性，可以调用哪个OverWriteManager类的全局方法init()，即：OverwriteManager.init(OverwriteManager.XXXX)；repeat：int -- 循环次数。-tweenmax.min.js插件
可以，TweenMax内置的CSSPlugin可以制作CSS动画，改变CSS属性，其中包括2d transform和3d transform的简略方法，如x：水平方向移动，相当于CSS3的translateX。rotation：旋转，相当于rotate。skewX：斜切，相当于skew。此外还有很多。-tweenmax.min.js插件
