首页 > Web开发, 杂项资源, 编程工具 > Javascript向量图Lib–Raphaël

Javascript向量图Lib–Raphaël

2010年10月12日 发表评论 阅读评论 4,246 人阅读    

我们知道很多的Javascript的lib库了,比如:jQuery,YUI,Ext JS等等。今天看到一个很牛X的lib叫Raphaël [ˈrafēəl],这是一个很小的JavaScript library,可以让在你的Web上整一些向量图,并且可以完成一些动画和图形变化,很强大。

Raphaël使用的是  W3C 推荐的 SVG和VML 来创建图片。这意味着所创建的图形对象一样可以是一个DOM对象,可以被你的Javascript的事件来操作。Raphaël 支持所有的主流浏览器:Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ d 和 Internet Explorer 6.0+,最强大的是,这个js文件被压缩后也就60K。

下面,让我们来看几个示例:

下面是一个图形变化的示例,点击两个图形间的箭头。

下面是一个流程图,你用鼠标拖动一下其中的图形:

下面是一个时钟:

下面是一个3D迷宫(用方向键移动,空格键跳动,注意左上角的地图):

更多的示例请到其网站上看看吧:http://raphaeljs.com/index.html

(转载本站文章请注明作者和出处 酷 壳 – CoolShell.cn ,请勿用于任何商业用途)

——=== 访问 酷壳404页面 寻找遗失儿童。 ===——
好烂啊有点差凑合看看还不错很精彩 (10 人打了分,平均分: 4.90 )
Loading ... Loading ...
  1. ray
    2010年10月12日08:32 | #1

    已经是sencha的一部分了,现在

  2. walfud
    2010年10月12日08:39 | #2

    真够早的,

  3. 2010年10月12日09:12 | #3

    哇,看来可以用来画流程图啊

  4. 2010年10月12日11:13 | #4

    太nb的东西

  5. 2010年10月12日12:03 | #5

    神奇!

  6. 2010年10月12日20:07 | #6

    超喜欢那个流程图的,如果可以在桌面上有这样的程序,肯定首选~!

  7. 2010年10月24日10:06 | #7

    那个迷宫真酷,照这样下去,可以用JS编写网页版CS了

  8. 2010年10月27日19:48 | #8

    最后一个cs迷宫貌似不是那个库的 我以前翻译过那文章:http://ifree.is-programmer.com/2010/10/6/creating-pseudo-3d-games-with-html-5-canvas-1.21769.html

  9. 2011年1月8日14:11 | #9

    很NB的库

  10. songtianyi
    2011年7月5日17:43 | #10

    时钟很炫

  1. 2010年12月29日00:19 | #1
  2. 2011年1月20日10:55 | #2
  3. 2011年6月8日08:52 | #3
  4. 2011年6月8日17:19 | #4
  5. 2011年6月9日09:45 | #5
  6. 2011年6月9日09:54 | #6
  7. 2011年6月9日14:46 | #7
  8. 2011年6月9日18:56 | #8
  9. 2011年6月10日09:44 | #9
  10. 2011年6月10日13:11 | #10
  11. 2011年6月12日09:25 | #11
  12. 2011年6月13日10:26 | #12
  13. 2011年6月13日20:10 | #13
  14. 2011年6月14日03:19 | #14
  15. 2011年6月14日12:55 | #15
  16. 2011年6月14日19:27 | #16
  17. 2011年6月18日17:52 | #17
  18. 2011年6月22日00:48 | #18
  19. 2011年6月24日20:18 | #19
  20. 2011年6月28日08:42 | #20
  21. 2011年7月7日22:58 | #21
  22. 2011年7月15日20:29 | #22
  23. 2011年7月30日02:23 | #23
  24. 2011年8月2日13:09 | #24
  25. 2011年8月28日16:29 | #25
  26. 2011年9月21日04:38 | #26
  27. 2011年10月22日08:37 | #27
  28. 2011年10月27日15:38 | #28
  29. 2011年10月31日01:29 | #29
  30. 2011年11月26日09:19 | #30
  31. 2011年12月5日19:54 | #31
  32. 2011年12月6日18:48 | #32
  33. 2011年12月20日14:14 | #33
  34. 2012年2月23日12:15 | #34
  35. 2012年3月11日14:09 | #35
  36. 2012年4月10日13:05 | #36
  37. 2012年6月22日19:29 | #37
  38. 2012年7月6日16:22 | #38
  39. 2012年7月6日16:29 | #39
  40. 2012年9月28日21:06 | #40
  41. 2012年9月29日12:28 | #41
  42. 2012年12月28日23:10 | #42
  43. 2013年1月3日17:04 | #43
  44. 2013年5月29日15:23 | #44
  45. 2013年7月4日19:34 | #45
  46. 2013年8月8日23:06 | #46
  47. 2013年12月27日23:40 | #47
  48. 2014年2月12日14:14 | #48
  49. 2014年3月13日14:56 | #49
  50. 2014年5月6日13:59 | #50