注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

Raphaël—JavaScript Library 介绍  

2011-03-12 01:44:30|  分类: Javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一个通过SVG/VML+JS实现跨浏览器的矢量图形实现方案的Javascript库

http://raphaeljs.com/index.html

 这个库非常的酷!!! 支持浏览器:Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+

网站上给了很多demo,大家有兴趣可以自己看,有兴趣的话自己学学!!!

按照文档我写了一些简单的例子!!!

  Rapha235;l—JavaScript Library 介绍 - zhenghaoju700 - zhenghaoju700 的博客

 网站上的图表示例

  Rapha235;l—JavaScript Library 介绍 - zhenghaoju700 - zhenghaoju700 的博客

还可以使用SVGDeveloper 画自己喜欢的图形,在使用该库path函数实现

  Rapha235;l—JavaScript Library 介绍 - zhenghaoju700 - zhenghaoju700 的博客

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Raphael Test</title>
  <script type="text/javascript" src="js/raphael.js"></script>
 </head>
 <body>
  <div id="e1"></div>
 </body>
 <script type="text/javascript">
    var R = Raphael("e1",1024,900);
    var path = R.path("M386.977,283.527c-49.32-11.396-108.622,4.612-108.622,4.612 l-2.488-4.401c-56.094,8.807-58.613,22.231-58.613,22.231l-2.389-3.512c-32.124,8.28-16.594,40.026-16.594,40.026 c35.008-0.323,52.394-6.053,77.28-16.402c-13.455,14.11-40.732,20.947-69.845,20.25c0,0,64.374,15.315,91.039,3.82 l-6.936-1.982c0,0,29.698,2.586,64.049-19.029l-8.837-2.268C345.021,326.871,398.143,307.757,386.977,283.527z");
    path.attr("stroke","#000");  
    path.attr("fill","#000");  
 </script>
</html>



  评论这张
 
阅读(236)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017