介绍 在ECharts中看到过这种圆形扩散效果，类似css3，刚好项目中想把它用上，but我又不想引入整个echart.js文件，更重要的是想弄明白它的原理，所以自己动手。在这篇文章中我们就来分析实现这种效果的两种方法，先上效果图： 实现原理 通过不断的改变圆的半径大小，不断重叠 ...

首先看效果图如下： 一、要实现如下的效果我们先分析都要什么？ 1：首先我们要先实现这个动画扩散效果。 2：然后当鼠标点击该标签时，你需要在他的下面新增一个标签并把这个动画给这个新增标签。 3：其次我们要监控鼠标的位置。 4：在其次找到被点击的标签的位置与鼠标点击位置相减 ...

1、canvas画进度条时，由于内部部分文字是不动，渐变色可以由动态一笔笔画出 html代码： 　　css代码：在布局中注意以下两点 　　　　1、在同一个div中，需要把动态随定时器改变的部分放在一个canvas中； 　　　　2、把静态的文字等可以放在一个 ...

/37/1.htm 可以通过 @keyframes 规则，创建动画。 创建动画的原理是，将一套 C ...

...

先来效果图 wxml页面 wxss页面 js页面 ...

最近看了很多牛的动画，想想自己的canvas的确很菜。 公式在那里，但是不是太会套。找demo发现都是很难的 于是找了个简单的效果 圆环从中间扩散的效果 关键是 globalCompositeOperation合成操作，只留下重叠的部分 <!doctype ...

绘制一个矩形： 1。获取canvas元素 getElementById() 2。取得上下文 getContext（） 3。填充与绘制边框 fill() stroke() 4。设置绘制样式 fillStyle stokeStyle ...