我们在使用canvas的imagedata对象时，经常需要保留原始的imagedata对象，但是对于对象和数组来说不能简单的用一个=号赋值来保存一个当前的数组，对象和数组的赋值只是将某个变量指向了...

最近公司准备做一个在线制作手机壳的应用，其底层绘图我们是用canvas来实现的，在这个手机壳应用中有一个功能就是截图，既然底层是用canvas来实现的，那么截图也应该用canvas来实现，但是手机...

有感于canvas无穷的魅力，使用canvas折腾了一个简单的验证码识别。当然是最简单的验证码识别了，不过准确率还好能达到100%。 首先看一下我们准备识别的验证码，绿色的背景，白色的噪点，黑色的...

海葵在海洋中随着海浪的起伏有节奏的左右摆动（当然也有可能上下摆动），对于其左右摆动的动画，我们可以通过正弦函数的特性来完成，我们都知道正弦函数的区间在－1到1之间，正好满足左右摆动。再结合quad...

实现该效果主要用到两个知识点： 1、使用Math.atan2函数计算偏移角度 2、无限趋近的思想，主要是用到距离的无限趋近和角度的无限趋近 距离的无限趋近： function lerpDis(...

页面中的js/css文件在页面加载的时候会阻塞页面的渲染，所以异步加载js/css文件常作为一种网页优化的方法。通过js在页面中动态的创建js和css的链接标签就可以实现js/css文件的一部加载...

随着web的发展，前端应用变得越来越复杂，javascript MVC思想也开始流行起来，模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，各种模板引擎层出不穷，在各个大型的网上上面...

三角形元素在网页中到处可见，对于三角形的实现方法也不同，有的可能直接用图片，但是很多情况下没有必要，那我们可能就会选择使用css来实现三角形。对于三角形的css实现，我所熟知的有两种： 1、使用三...

大多数语言都提供了按位运算符，恰当的使用按位运算符有时候会取得的很好的效果。 在我看来按位运算符应该有7个： 1、& 按位与 &是二元运算符，它以特定的方式的方式组合操作数中对应的...

使用过canvas的朋友都知道，canvas官方没有实现虚线绘制的API，但是在实际场景中，我们经常可能会需要绘制虚线，比如裁剪线之类的，那么我们怎么使用canvas来绘制虚线呢？ 其实使用can...