先给个效果图,我画的比较丑,大家可以自己美化一下,
直接上代码:
您的浏览器不支持canvas
//获取画布
var clock=document.getElementById('clock');
//设置绘图环境
...
分类:
Web程序 时间:
2014-07-22 23:05:13
阅读次数:
426
关于运动速度的参数与真实速度有点差距,大家可以自行调整
地球绕着太阳转,月球绕着地球转
您的浏览器不支持canvas
//获取画布
var canvas=document.getElementById('canvas');
//获取绘图环境
var cxt=canv...
分类:
Web程序 时间:
2014-05-02 06:41:22
阅读次数:
347
一、相关概念1、Drawable就是一个可画的对象,其可能是一张位图(BitmapDrawable),也可能是一个图形(ShapeDrawable),还有可能是一个图层(LayerDrawable),我们根据画图的需求,创建相应的可画对象2、Canvas画布,绘图的目的区域,用于绘图3、Bitmap...
分类:
移动开发 时间:
2014-04-29 19:01:21
阅读次数:
619
在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