在 Web 开发中，Canvas 是一个强大的绘图工具，可以实现各种有趣的交互效果和动态图形。本文将盘点 10 个基于 Canvas 的开源项目，旨在为提供开发灵感和思路，以便更好地探索并应用 Can

前言 说起来是这样的，有一天我逛某乎的时候看到一个帖子用Canvas画一只会跟着鼠标走的小狗。哎，还挺有意思的，一个短小精悍且有趣的demo。 然后我使用canvas精灵将其重现了

假如只剩下canvas标签，我们还能够构建一个页面吗？页面中还能够添加动画吗？答案是肯定的，只要敢想，一切皆有可能。

前端最优化压缩图片上传方案！！！再次优化升级！14M压缩后仅剩130KB。 图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理， 可以显著的提升用户体验。

最近忽然对canvas动画感兴趣，然后就心血来潮的看了一些文章，事先声明，部分原创，我只是代码的搬运工。我先上一下截图，然后再说下我的想法。 还是那句话，我只是代码的搬运工，首先是雪花飘落的场景。参考文章点击这里 —— canvas实现雪花飘落,文章上来就贴了代码，直接就能用，…

对于前端来说的运动，就是JS运动，本质来说，就是让web上的DOM元素动起来，而想要DOM动起来，就是改变其自身的属性，比如宽高，边距，透明度等等，动画的原理就是把不同的状态的物体，串联成连续的样子，不同状态的DOM，用定时器控制，就能得到动画效果，运动与动画的组合，就是最简单…

HTML5 canvas 80 行代码实现的高并发弹幕功能，通过拉伸自动适配所有尺寸，已在 pc，手机，电视浏览器通过测试，通过 jquery 插件方式导入