编程动画-canvas篇

先获取绘图环境


var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
    context.setTransform(1,0,0,0.5,10,-30);
    context.fillStyle = '#cf2da1';
    context.fillRect(0,0,100,50);
    context.fill();
    context.setTransform(1,0,0,0.5,10,-30);
    context.drawImage(img, 0, 0);
                    

什么鬼、痛恨底层、不想和你玩了!!!

没有封装好的吗?

我也喜欢直接的

历史

去年6月?成型, 俄罗斯打小兵

引擎的特性

代码体积小

功能丰富

详尽的API

丰富的实例代码

高性能渲染

体积小

gzip之后全功能版本 < 10k

支持tree-shaking

核心部分只有不到5k

功能丰富

支持滤镜功能

各种动画

丰富的事件类型

详尽的文档

不废话直接看

丰富的demo

直接看

高性能

将近4000行代码

每个部分都很优化

性能PK

webgl

进行中...

THX