Javascript圖形處理庫 — Raphaël

來源:互聯網
上載者:User

如果要使用JS 繪製一些圖形和處理一些動態圖形, 比如想繪製一些流程圖什麼的, Raphaël是一個不錯的選擇。

從著作權資訊上看, 和大名鼎鼎的 Sencha 有一定的關係 (研發Extjs的公司)。

官方是:http://raphaeljs.com/index.html

一般的下載大小是89k, 使用GZIP壓縮之後的版本只有31K, 沒有壓縮的版本大小也只有221 K.

Raphaël是可以簡化web向量圖形開發的很小的js庫。 它可以幫你建立一些特殊的表徵圖和旋轉的效果。

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+,

最簡單的使用方式就是畫一個紅色的圓了。看代碼

<html><head><script src="raphael.js"></script></head><body><script>  var paper = Raphael(10,50,320,200);  var circle = paper.circle(50,40,10);  circle.attr("fill","#f00");  circle.attr("stroke","#fff");</script></body></html>

更多的酷炫例子可以到官方網站查看。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.