叠加图 echarts-canvas 偶遇一个比较奇怪的需求，是一个叠加图（superpostion chart），设计图如下 有5个不同的设备不同时间在线，总计体现出每个时间段的在线热度，本来想用echarts但是没找到特别合适的，所以自己做了一个，希望能给需要的人帮助。 最终效果 ...

前面的话 　　本文将使用canvas实现粒子时钟效果 效果展示 点阵数字 　　digit.js是一个三维数组，包含的是0到9以及冒号(digit[10])的二维点阵。每个数字的点阵表示是7*10大小的二维数组 　　通过遍历数字点阵的二维数组，当该位置的值为1时，则绘制一个粒子 ...

　　周末学习canvas的一些基础功能，顺带写了一个基础的时钟。现在加工一下，做的更好看一点，先放上效果图： 　　　　 　　谈一些自己的理解： 　　　　（1）、要绘制一个新的样式（不想被其他样式影响，或者影响到其他样式），那么一定记得先用beginPath()，beginPath()可以新建 ...

今天用H5中的canvas标签做一个时钟，H5中有很多好用的新增标签，真的很不错。 1.canvas标签介绍 <canvas> 标签定义图形，比如图表和其他图像，你必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形 ...

之前学习了下html5中的canvas元素，为了练练手就实现了一个简易的时钟。时钟本身并不复杂，也没有使用图片进行美化，不过麻雀虽小五脏俱全，下面就与大家分享一下： 实现效果： html代码： JS代码 ...

　　在见识了html5中canvas的强大，笔者准备制作一个简易时钟。 　　下面就是成果啦，制作之前我们先分析一下，绘制一个时钟需要做哪些准备。 一 、 1.首先这个时钟分为表盘，指针（时针，分针，秒针）和数字三部分。 2.表盘是个圆，这个简单。 3.绘制指针时，需要先获取 ...

demo演示： 用到的一些绘制方法说明： context.translate(x,y)方法，重新设置画布的坐标源点，设置后，x,y坐标处为变为起始坐标(0,0); context.arc(圆 ...

...