先给个效果图，我画的比较丑，大家可以自己美化一下，
直接上代码：
您的浏览器不支持canvas
//获取画布
var clock=document.getElementById('clock');
//设置绘图环境
...
分类：
Web程序 时间：
2014-07-22 23:05:13
阅读次数：
426
1.粒子化function Dot(X, Y, Z, R) { this.dx = X;
this.dy = Y; this.dz = Z; this.tx = 0; ...
分类：
编程语言 时间：
2014-07-22 22:59:53
阅读次数：
400
Canvas是Android UI框架的基础，在Android的控件体系中，所有容器类、控件类在实现上都依赖于Canvas，界面的绘制实质上都是Canvas绘制的。本文将讨论Canvs的由来，并通过实例展示Canvas的基础用法。...
分类：
移动开发 时间：
2014-05-02 19:02:09
阅读次数：
524
1.使用strokeRect和fillRect方法绘制矩形
a.strokeRect是绘制一个不填充的矩形 b.fillRect是绘制一个填充的矩形 代码： 效果如图： 2.通过lineTo绘制矩形 效果图如下：
分类：
Web程序 时间：
2014-05-01 20:00:07
阅读次数：
427
在canvas中使用颜色和透明度，通过context的strokeStyle和fillStyle属性设置，strokeStyle和fillStyle的值可以是任意有效的css颜色字串。可以用RGB、RGBA、HSL、HSLA以及十六进制RGB标注来指定颜色，也可以通过
“yellow”、“sil.....
分类：
Web程序 时间：
2014-05-01 19:53:35
阅读次数：
548
画完一个图后保存canvas状态→save()保存使处安全状态，不影响别人，也不被他人影响。
接着画完别的图形后恢复canvas状态→restore()释放出原来安全区域的图形养成好习惯。
分类：
Web程序 时间：
2014-05-01 10:45:25
阅读次数：
353
1、效果图：
2、核心代码：
package com.example.pic_reflection;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import and...
分类：
移动开发 时间：
2014-04-29 13:35:22
阅读次数：
520
在html5中可以使用canvas标签在画布上画图，先直接上代码，这篇文章先简单介绍一下canvas的使用方法，简单画几个圆，矩形，三角形，写字。
在代码中均给出了注释，在这里特别强调的一点是：使用canvas画图时有时候必须beginPath和colsePath,但有时不需要，为了防止出现问题，可以在每次重新画一个图时重新开启路径，画完后关闭路径。
这些代码是在猎豹浏览器上实现的，有些浏览器...
分类：
Web程序 时间：
2014-04-29 13:14:21
阅读次数：
319
概述绘图方法图像处理方法drawImage方法getImageData方法，putImageData方法toDataURL方法save方法，restore方法像素处理灰度效果复古效果红色蒙版效果亮度效果反转效果参考链接概述Canvas
API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本...
（1）主要用了paint ，canvas 两个类中的方法
（2）主要用了画线和画圆的方法。
（3）drawline（起始点轴坐标，起始点y轴坐标，终点轴坐标，终点y轴坐标）
（4）drawcircle（圆心x轴坐标，圆心y轴坐标，半径，画布）
效果图：
直接上代码了：
package com.example.drawpicture;
import android.conten...
分类：
移动开发 时间：
2014-04-27 22:44:20
阅读次数：
364
