一、自定义的必要性     绘制的底层是强大的,我们所用的各端语言只是在现代UI追求的步伐中和用户喜好的交互中求同存异，抽取封装出自成个性风格的UI控件,当然面对万亿级别的客户各个平台的UI库出也不可

总所周知canvas绘制的图形没有交互功能，这篇文章是我这两天基于canvas绘制地铁图总结出来了。

笔者最近一直在研究 前端可视化 和 搭建化 的技术, 最近也遇到一个非常有意思的课题, 就是基于设计稿自动提取图片信息, 来智能化出码. 当然本文并不会介绍很多晦涩难懂的技术概念, 我会从几个实际应用

就是RGB三种颜色分别取255的差值。 rgb三种颜色取三种颜色的最值的平均值。 高斯模糊的原理就是根据正态分布使得每个像素点周围的像素点的权重不一致，将各个权重（各个权重值和为1）与对应的色值相乘，所得结果求和为中心像素点新的色值。我们需要了解的高斯模糊的公式：

一、首先新建一个<canvas>网页元素。 上面代码中，如果浏览器不支持这个API，则就会显示<canvas>标签中间的文字——“您de浏览器不支持canvas！”。 每个canvas节点都有一个对应的context对象（上下文对象），Canvas API定义在这个contex…

这篇文章说如何用canvas画出漂亮的下雨效果，先看看最后实现的效果吧。 看图来分析下，我们需要实现哪些效果。 好的，我们把整个效果大致拆分成三个效果，实现这三个效果，就完成了。 我们一步一步来实现。 用一个数组保存雨滴对象。 往数组中添加一定数量的雨滴对象，然后遍历数组，修改…

前面的话　　与setTimeout和setInterval不同，requestAnimationFrame不需要设置时间间隔。这有什么好处呢？为什么requestAnimationFrame被称为神器

最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印图片合成）来说，其…

虽然样子丑点，但是该有的功能一点都不少，接下来就说下怎样实现的。 今天用到的暂时就这么多。 是不是以为到现在就结束了，我大声的告诉大家没有，现在才是刚刚开始，接下来就是见证奇迹的时刻。。。 说明：动画每秒执行60次是最好的，所以定时器才让他没秒执行60次。 到现在是真结束了，一…