最近在对Html5比较感兴趣,就用空闲时间做一些小例子进行练习,今天绘制一个走动的时钟,具体如下图所示: 具体思路在上图已有说明,代码如下: 1 <script type="text/javascript"> 2 3 //绘制圆形的弧度,ctx 为绘制环境,x,y为绘制中心,r为绘制半径,st为起始 ...
分类:
Web程序 时间:
2016-11-26 03:15:48
阅读次数:
343
使用canvas绘制时钟 什么使canvas呢?HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成。<canvas> 标签只是图形容器,所以我们必须使用脚本来绘制图形。通过它可以绘制路径,盒、圆、字符以及添加图像等等。 这篇博文,我将通过html5中的c ...
分类:
其他好文 时间:
2016-11-13 16:57:15
阅读次数:
202
html代码: js代码: 注意: rem为缩放比例,r-5*rem/2为外层圆的半径,正弦=对边/斜边,余弦=领边/斜边,弧度等于弧长/半径,圆的弧度=2πr/r=2π=2*Math.PI 一小时的弧度=2*Math.PI/12,一分钟的弧度=2*Math.PI/60,秒钟同理 ...
分类:
其他好文 时间:
2016-11-05 00:17:23
阅读次数:
437
编辑文本及键盘输入相信大家都会使用TextBox,但如果要让文本在TextBox中换行该怎么做呢?将TextWrapping属性设置为Wrap,将AcceptsReturn属性设置为True就好咯。PasswordBox很明显就是一个密码框了,和其他的控件相比其有2个特殊之处,一个是其可以用MaxLength来控制最大的长度,一个是用PasswordChanged来捕捉密码的改名。显然比如QQ密码的...
分类:
其他好文 时间:
2015-12-14 12:28:30
阅读次数:
317
编辑文本及键盘输入
相信大家都会使用TextBox,但如果要让文本在TextBox中换行该怎么做呢?将TextWrapping属性设置为Wrap,将AcceptsReturn属性设置为True就好咯。
PasswordBox很明显就是一个密码框了,和其他的控件相比其有2个特殊之处,一个是其可以用MaxLength来控制最大的长度,一个是用PasswordChanged来捕捉密码的改名。显然比如...
分类:
其他好文 时间:
2015-12-13 12:38:58
阅读次数:
507
如何动态绘制时钟效果源码https://github.com/YouXianMing/Animations//// ClockViewController.m// Animations//// Created by YouXianMing on 15/12/3.// Copyright © ...
分类:
其他好文 时间:
2015-12-03 21:22:47
阅读次数:
263
本文介绍了使用canvas来绘制时钟的案例。...
分类:
Web程序 时间:
2015-07-31 13:03:04
阅读次数:
116
1、效果图2、Canvas对象详解1.translate(x,y):平移,将画布的坐标原点向左右方向移动x,向上下方向移动y.canvas的默认位置是在(0,0).例子:画布原点假如落在(1,1),那么translate(10,10)就是在原点(1,1)基础上分别在x轴、y轴移动10,则原点变为(1...
分类:
其他好文 时间:
2015-03-13 20:39:31
阅读次数:
128