摘要: 时钟效果,很久很久以前由flash提供网页的各种有趣的效果,近些年由html5推出canvas后,canvas与之博弈。现在讲的是用raphaeljs实现时钟效果。raphaeljs封装了svg和vml操作方法,SVG(Scalable Vector Graphics)可缩放矢量图形。VML(The Vector Markup Language)矢量可标记语言。先饱饱眼福,win7中的时钟效果show下,见下图:接下来亮相的时钟效果图(金属光泽的超质感),见下图:简单描述实现原理:第一步:画时钟。时钟圆盘、时钟时分秒指针、刻度、时间。画图方法circle、rect、text。// 画时钟表盘r 阅读全文
posted @ 2014-03-30 22:06 前端咖 阅读(4311) 评论(2) 推荐(1) 编辑
摘要: 幸运大抽奖全新来袭,现在普遍的抽奖活动都是由flash开发的,然而,今天向大家展示由js实现的抽奖。早在2012年的时候写过一篇文章关于js抽奖的《javascript 抽奖》。 借助raphaeljs插件实现,官网:http://raphaeljs.com 中文文档:http://lab.julying.com/raphael-js/docs/ 幸运大抽奖已两种方式展现,一种是圆盘旋转(猎豹式),另一种是指针旋转(考拉式),实现抽奖三部曲。第一部:绘制圆盘和指针。var r = Raphael("test",300,300);// 绘制圆盘r.image... 阅读全文
posted @ 2014-03-30 18:11 前端咖 阅读(2621) 评论(7) 推荐(2) 编辑