你真的了解Canvas吗--解密十四【ZRender篇】

 

目录

📚入口 

探索

animateTo

重点函数animateToShallow 

怎么取animationKeys？

传入additive作用

使用animationKeys 

得到animators 

总结

---

今天我们再讲动画，这次的主题主要和additive有关，来看正文吧！！

ZRender的动画绕不过这几个类Animation、Animator、Clip，这次的探究也是和这几个类有关

📚入口 

var main = document.getElementById("main");
// 初始化zrender
var zr = zrender.init(main);function createHexogon(text) {return new zrender.Isogon({x: 150,y: 200,shape: {cx: 0,cy: 0,r: 100,n: 6,},style: {fill: text === "Additive" ? "red" : "green",lineWidth: 5,},textContent: new zrender.Text({style: {fill: "white&