先给个效果图,我画的比较丑,大家可以自己美化一下,
直接上代码:
您的浏览器不支持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
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. 类型clock_t:
是个long型,用来记录一段时间内的时钟计时单元数,即CPU的运行单元时间。size_t: 标准C库中定义的,应为unsigned
int,在64位系统中为long unsigned int。time_t: 从1970年1月1日0时0分0秒到该时间点所经过的秒数。stru...
分类:
其他好文 时间:
2014-05-01 06:03:10
阅读次数:
289
关于是否是GPU瓶颈还是CPU瓶颈,NV的paper中说调整CPU或GPU的时钟,改变频率,来检测性能瓶颈到底来自那里。
这个方法还需要借助辅助工具,一般游戏逻辑帧和图形帧是分离的,可以改变逻辑帧和图形帧的频率试试。看看帧数是否明显降低。
或者忽略所有的Draw Calls看看fps。
显存位宽是显存在一个时钟周期内所能传送数据的位数,表示瞬间所能传输的数据量。
是显存和芯片之间交换...
分类:
其他好文 时间:
2014-04-29 13:45:20
阅读次数:
368
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
(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