以上的内容我花了一周时间去实现的，自己也觉得时间很长，但主要因为很少使用ECharts，导致使用的过程中大部分的时间都在查文档。 对于上面的这些功能点，

本文给大家分享一下使用原生canvas 实现一个简易的画板，包括画笔、橡皮、撤销、恢复、保存、水印等功能，附带源码

对于前端来说，在项目中使用图标是非常常见的，当前项目技术栈是vue全家桶搭配element-ui，由于element-ui提供的icon不能完全满足项目的需要，所以决定使用阿里提供的iconfont图

translate（dx，dy）：平移坐标系。相当于把原来位于（0，0）位置的坐标原点平移到（dx、dy）点。 rotate（angle）：旋转坐标系。该方法控制坐标系统顺时针旋转angle弧度。 scale（sx，sy）：缩放坐标系。该方法控制坐标系统水平方向上缩放sx，垂直…

前言 canvas 是 HTML5 特性中最重要内容的之一，基础比较完善，应用广泛 canvas 指的是画布，类似于windows的画图工具；在HTML中，默认效果与div类似，背景色是默认色 配合j

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…

动画帧，将一系列离散的图像以极快的速度连续播放，从而模拟物体运动或变化。帧率保持在每秒24帧，人脑就会将其看做运动。而且人眼无法识别更高频率的帧...

最近有读者加我微信咨询这个问题： 其中的效果是一个折线路径动画效果，如下图所示： 要实现以上路径动画，一般可以使用svg的动画功能。或者使用canvas绘制，结合路径数学计算来实现。 如果用canva