绘制复杂的图形和在特定情况需要改变图片以及交互的时候,使用原生 canvas API 将会变得很困难。 而 Fabric 旨在解决这个问题。

当前的互联网用户早已习惯了拖拽，习惯了拖拽带来的便利。任何一个前端项目都有加入拖拽这个功能的可能性。 这两种实现方案各自有自己的场景。鼠标实现的好处在于有更好的兼容性，坏处就是更多的代码。 dragApi 实现的好处在于更少的代码，坏处就是更差的兼容性。 需要利用mousedo…

html5Canvas的知识点，是程序员开发者必备技能，在实际工作中也常常会涉及到。 Canvas使用的场景有：1，动画；2，H5游戏；3，图表。 使用Canvas画直线，矩形，圆形以及设置它们的样式。 Canvas中的图形变换，渐变，文字和图片。 Canvas的像素获取，阴影…

对于这种较为复杂的动画特效，canvas是首选，当然css肯定也可以做，不过肯定超级复杂，代码量巨大。首先我第一眼看到这个特效，思路是这样的：

最早知道 canvas 的 globalCompositeOperation 属性，是在需要实现一个刮刮卡效果的时候，当时也就是网上找到刮刮卡的效果赶紧完成任务就完了，这次又学习一次，希望能加深理解吧。 先来看下 canvas 的 globalCompositeOperatio…

随着浏览器对蒙版（mask）的支持越来越好，在web开发中使用蒙版（mask）也变得越来越流行，使用它可以实现一些非常好的视觉效果。

-我：把这个图传一下吧。 -UI：好的，你是要 gif 吧。 -我：打扰了。 首先我们能想到的是，波浪的数量一定是可定制的，其次是颜色，速度，透明度，高度等等。这些可定制的参数应当在函数实例化时传入。所以我们先定制一个接口（包括了后来在编写时我认为需要的）。 准备工作基本完成，…