之前写了一篇Canvas画图-一个比想象中更骚气的圆(渐变圆环)，后面又写了使用SVG实现的方法 一个比想象中更骚气的圆-svg实现, 这篇继续学习和Canvas有关的知识，这篇类似之前的一个总结，主要是用鼠标在Canvas上涂鸦，以及保存涂鸦为图片。 鼠标事件 整个原理比较简…

之前介绍了Canvas画图基础，这篇介绍一下画一个带渐变效果的圆。 一个渐变的圆环 渐变色应用广泛，和圆环结合做进度条非常酷，今天我们就来画一个这样的圆环： Canvas渐变 在Canvas画图基础中我们知道给canvas上色主要是ctx.fillStyle和ctx.strok…

在上一篇文章 Canvas基础-粒子动画Part2 中讲了让图片做粒子动画。上篇写完不久，想起既然是用Canvas，写上去的东西都可以做粒子动画，那么就补充讲下文字做粒子动画，至于为什么拖了这么久，还不是因为去写公众号和研究微信小程序了，给公众号搞了一个2048形式的小游戏，叫…

通过 Canvas 来实现绘图相关的东西，我这里主要就是通过实现一个游戏来完成 Canvas 的学习。

紧接上一篇文章 Canvas基础-粒子动画Part1 其实这篇早在一个星期之前就应该发了，无奈事情太多，而且我又跑去写微信公众号了。 粒子动起来 有了上一篇的基础，我们已经可以获得粒子，并将轮廓显示在Canvas上，如果看了之前我写的一些关于 Canvas动画啊，画图啊什么文章…

在之前的文章 Canvas 基础 - 粒子动画 Part2 和 Canvas 基础 - 粒子动画 Part3 中分别讲了用图片和文字做粒子动画，今天我们来把代码简单整理一下，封装成一个类，能同时支持用图片和文字做粒子动画，而且有更好的灵活性。 封装类 HTML 结构和上一篇的一样，这里从外部引入…

近段时间有个需求是前端进行视频碎片合并，但是自己上网找了好久都没找到合适的，一怒之下自己撸了一个哈哈。。

概述 新年第一篇技术文章哈，大家新年快乐，先来个简单点的，主要介绍工具的使用，预预热，下周一奉上一个骚气的购物车动画按钮，敬请期待。 在前文 给我一个Path，还你一个酷炫动画 中，我详细的阐述了如何撸出一个酷炫的Path动画View，我们的口号是：I have a path.…