天天看點

Raphaël 基于html5繪制web圖形的javascript插件

昨天在群裡看到一個海歸妹子的個人兼應聘作品網站([url]http://www.wendyshijia.com[/url]),遂一時引起衆狼騷動,裡面的設計和創意都教人贊歎,如此履歷讓人大呼過瘾,同時作為前端開發工作的一員倍感壓力巨大XD。感謝如此賞心的作品,讓我注意到其中實作的核心插件 Raphaël,這名字不管讀寫都有難度。。

What is it?

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

-------------------------------------------------

以下是中文翻譯:

Raphaël 是一款輕量級的javascript插件,幫助你簡單地繪制出web上的矢量圖。通過它你能輕易地定制不同的圖表、截圖類和轉動式的視窗部件。

Raphaël ['ræfeɪəl]使用SVG W3C 推薦标準和VML來生成圖形。這意味着任何生成的圖形都是一個DOM對象,你可以使用javascript事件處理來綁定到它們之上,或在其後再修改。Raphaël’s 的目标是提供一個跨浏覽器相容來生成矢量圖形的擴充卡

Raphaël 目前支援的浏覽器有 Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ 和 Internet Explorer 6.0+.

基于html5,友善用來繪制網頁中的各種圖形,值得以後上手派上用場;)

Raphaël.js的官網位址:

[url]http://raphaeljs.com[/url]

繼續閱讀