随笔分类 -  UI视觉

用Raphael在网页中画圆环进度条
摘要：原文 ：http://boytnt.blog.51cto.com/966121/1074215条状的进度条我们见得太多了，实现起来比较简单，它总是长方形的，在方形的区域里摆 放就不太好看了。随着css3的出现，圆环状的进度条开始用得越来越多，不过由于IE6/7/8不支持css3，我们只能换其它方法来... 阅读全文
posted @ 2014-10-29 21:54 ヤTop灬ヽ 阅读(423) 评论(0) 推荐(0)
使用Raphael 画图(四) 路径(一) (javascript)
摘要：这章介绍路径，本人觉得这是比较难和精髓的一部分。先介绍基本知识：可以参考：http://www.chinasvg.com/support/svg-tutorial/svg-path-directive-guide.html/* 命令解释：M = moveto 参数:(x y)L = linet... 阅读全文
posted @ 2014-10-25 00:49 ヤTop灬ヽ 阅读(368) 评论(0) 推荐(0)
使用Raphael 画图(三) 事件 (javascript)
摘要：这章展示事件例子。下图是官方API的事件：例子：var butt1 = paper.set(); var a1 = paper.circle(24.833, 26.917, 26.667).attr({fill: "#fff", opacity: 0}); var a2 ... 阅读全文
posted @ 2014-10-25 00:46 ヤTop灬ヽ 阅读(323) 评论(0) 推荐(0)
使用Raphael 画图(二) 扩展的图形 (javascript)
摘要：看这文章前，建议先看第一编文章《使用Raphael 画图(一) 基本图形 (javascript)》。在Raphael基础上扩展的图形：要运行该例子要引入附件的2个js包。(g.raphael.rar)这里用到了set(),第一编文章有简单介绍。这个只是为了统一管理具有相同属性的图形，例如边框颜色相... 阅读全文
posted @ 2014-10-25 00:43 ヤTop灬ヽ 阅读(445) 评论(0) 推荐(0)
使用Raphael 画图(一) 基本图形 (javascript)
摘要：Raphael是什么？Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制任意形状的图形，可以进行图... 阅读全文
posted @ 2014-10-25 00:10 ヤTop灬ヽ 阅读(520) 评论(0) 推荐(1)
2011年度最受欢迎的50个Web 2.0网页设计素材集之二
摘要： 阅读全文
posted @ 2012-02-21 08:39 ヤTop灬ヽ 阅读(704) 评论(0) 推荐(0)