Raphael(Javascript的矢量庫)

簡介

Raphael Javascript是一個 Javascript的矢量庫。

它可以處理SVG、VML格式的矢量圖，它使用SVG W3C推薦標準和VML作為創建圖形的基礎，你可以用Javascript 操作Dom 很容易的創建出複雜的柱狀圖、走勢圖、曲線圖等各種圖表，可以畫圖，可以畫出任意複雜度的圖像，以及圖表或圖像裁剪和旋轉等複雜操作。

同時它是跨瀏覽器的，完全支持 Internet Explorer 6.0+。

2010年6月15日，著名的JavaScript庫ExtJS與觸控螢幕代碼庫項目jQTouch，以及SVG、VML處理庫Raphael合併，形成新的庫Sencha。主要應對HTML5等新趨勢，加強豐富圖形和觸控螢幕功能的重要舉措。

Raphael Javascript的創始人Dmitry Baranovskiy也加入ExtJS。

ExtJS是一個強大的Javascript 框架，它重組件化，很容易做出強大的、可媲美客戶端的界面（這個框架是收費的，所以國內用的人比jQuery少多了）。

jQTouch是一個 jQuery 的外掛程式，主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認套用樣式等各種常見UI效果的 JavaScript 庫。

Raphael Javascript 就像Sizzle一樣低調。你一定聽過 jQuery，但是大多數人沒聽過Sizzle。jQuery 的選擇器很強大，號稱業界第一，而他的選擇器組件就叫：Sizzle 。

Raphael Javascript的作者就是大名鼎鼎的前端大牛Dmitry Baranovskiy。

他出過幾道有意思的 Javascript 題目：《你真的已經搞懂JavaScript了嗎？》

raphael動畫庫demo列表

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

功能

Raphael Javascript可以處理SVG、VML格式的矢量圖。

同時它是跨瀏覽器的，完全支持 Internet Explorer 6.0+。

Raphael Javascript 支持的瀏覽器有：

Firefox 3.0+

Chrome 3.0+

Safari 3.0+

Opera 9.5+

Internet Explorer 6.0+

PS：新版本的遨遊、QQ瀏覽器、TT瀏覽器（已經被騰訊放棄了）、獵豹瀏覽器、360瀏覽器 的核心都是 webkit（ Chrome 就是Webkit ），至於別的國產瀏覽器，都是在Internet Explorer 外面嵌套了一層殼而已