前言

辉光管这种古董最近意外的有人气呢,先不说《命运石之门》里的“世界线变动率探测仪”,前一段时间的电影《明日世界》记得也是出现类似的玩意,感觉很是好看,不过貌似现在留下来的苏联产的管子很贵了。。

canvas是html5里提供的一个绘图标签,确切的来说是提供了一些API,靠JS来完成绘图,貌似可以用来做游戏什么的,在html4里这些一律都是flash来完成的。

于是想用canvas绘图来实现这一效果~,代码并不难,我也是才接触canvas没多久请大神误抽 [brd10]

最终效果

QQ图片20150723142657

出于效率考虑上面贴的是张图,演示在这里~http://www.winotmk.com/clock.html

没有使用一张图片,纯canvas绘图制作的!

代码

在做这玩意的时候我大部分时间都花在了用曲线画数字上了。。由于比较愚笨不知道有什么好的生成代码的办法,只好PS里画好以后再把锚点和定位点的坐标手动输入上去,花了不少时间,不过最终结果还是很满意的。

时钟程序本身是个很简单的JS程序。

这个IE8以下是绝对的没戏~

发表评论

电子邮件地址不会被公开。 必填项已用*标注


*

关闭菜单