自己学生时代的代码,发现还保存着,今天拿出来分享下。
用js和html5 canvas对象实现一个简单钟表程序
主要用到的就是h5的canvas对象
canvas对象本人也不是很熟,大致看了几个常用的方法,难免有不足之处,仅是练习所用。
实现思路:画表盘,画刻度,画表针就是这么个思路。
主要就涉及到以下几个方法
arc 创建弧/曲线(用于创建圆形或部分圆)
rotate 旋转
lineTo画线
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">