但是 发现如果想把压缩图片这个事情 当成一个批量自动化服务的话 ，就没办法使用canvas了

本文将从各个角度来对动画整个体系进行分类，并且介绍各种前端动画的实现方法，最后我们将总结在实际开发中的各个场景的动画选择方案。

参考这里 https://www.runoob.com/w3cnote/html5-canvas-intro.html

点击这里 http://qkongtao.cn//file/graffiti.html

fabric.js 的铅笔其实是继承基础画笔的一个工具，在基础画笔的基础上多了“拐角平滑度”等配置项。

用 fabric.js 创建画布时，fabric.js 会在 canvas 元素外包一层 div 容器。

虽然 fabric.js 提供了非常简单的方法创建自定义子类，但如果需要创建复杂的图形，还是需要有一定 canvas 基础的。

fabric.js 可以通过 viewportTransform 属性配置画布的视窗属性。

如果你的项目使用到 fabric.js ，可以直接使用 fabric.js 提供的方法去遮盖画布，而且用法非常简单。

fabric.js 为我们提供了很多厉害的方法。今天要搞明白的一个东西是 canvas.interactive 。