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

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

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

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

前一段时间微信曾经出过一个微信红包图片的功能，你只能看到图片的一小部分，其他的部分都做了模糊处理，要想看全部图片，需要先发红包。虽然这个功能只上线了短短几天就下线了，但是他真真正正的存在过。下面我...

在这个数码产品泛滥的时代里，拍照已经成为生活不可或缺的一部分，不管是居家，踏青，还是远途旅行，总会拍一些美美的照片。但相机直接拍出来的照片往往和我们的心理预期有一定的差距，那么怎么减小这种差距呢？...

Canvas镜像翻转的原理就是从原图像或者原Canvas的边角获取相应长宽的像素值，然后对获取的像素值进行反转（上下竖向反转，左右横向反转），再将反转后的像素绘制到对应的镜像边框上。 下面是反转过...

之前在网上看过一些有关函数节流方面的东西，对于其实际的应用场景，说的比较多的是在窗口频繁的resize的时候，前几天在做项目的时候也遇到了一个需要用到函数节流的问题，场景是这样的，在一个主画布中（...

首先说一下思路： 从树干开始依次循环指定层数值（不要太大），每次随机画指定限制次数内的树枝（这里是3），然后给数值一定规律循环的颜色。这样就得到了一棵树，也可能像一朵西蓝花。 实现代码： ...

看12306的图片验证码挺好玩的，拿起js我也来实现一个。 既然是验证码就有显示，输入和验证三个过程 1、显示 12306的图片验证码是把一些小图显示在一张大图上，为了实现这个，我去网上找了一些图...