最近在对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
