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

感觉很有趣，就上网查了查怎么做，大部分的说法就是用美图秀秀的拼图功能来做， 在微信小程序中也有专门做心形拼图的小程序，我都试了试之后，感觉还可以更加简单一些，于是我就自己做了个小程序。...

写这篇文章是因为某天看到这样一个公式 r=a(1-cosθ) ，我上网搜了下，原来是笛卡尔心形线的极坐标方程，这个方程里面的确有一个浪漫又悲情的爱情故事，感兴趣的朋友可以点这里看看，而至于这个故事是真是假，这 并不重要。...

这篇文章说如何用canvas画出漂亮的下雨效果，先看看最后实现的效果吧。 效果图

上次写了 JavaScript实现冒泡排序 ，只是简单的说了冒泡排序算法是什么，怎么实现，这次来实现将冒泡排序的过程展现出来。

图片不能在canvas中显示出来的原因是因为html2canvas不支持跨域的图片资源，所以canvas中不会显示图片。

首先新建一个html文件，将body的背景设置为天空的那种深蓝色，并创建一个canvas，canvas的操作逻辑都放在snow.js中：

版权声明：本文为博主原创文章，转载请注明源地址。 https://blog.csdn.net/10km/article/details/53377864

版权声明：本文为博主原创文章，转载请注明源地址。 https://blog.csdn.net/10km/article/details/53445381

配套视频请戳：https://www.bilibili.com/video/av26151775/