Raphael 是一個用于在網(wǎng)頁中繪制矢量圖形的 Javascript 庫。它使用 SVG W3C 推薦標準和 VML 作為創(chuàng)建圖形的基礎(chǔ)，你可以通過 JavaScript 操作 DOM 來輕松創(chuàng)建出各種復雜的柱狀圖、餅圖、曲線圖等各種圖表，還可以繪制任意形狀的圖形，可以進行圖表或圖像的裁剪和旋轉(zhuǎn)等復雜操作。

細河網(wǎng)站建設公司成都創(chuàng)新互聯(lián)公司,細河網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為細河上千余家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設公司要多少錢，請找那個售后服務好的細河做網(wǎng)站的公司定做！

Raphaël 是跨瀏覽器的矢量圖形庫，目前支持的瀏覽器包括： Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。

如何使用？

在頁面中引入 raphael.js 文件，然后就可以繪制任意的矢量圖形了：

11// 在坐標（10，50）創(chuàng)建寬320，高200的畫布

var paper = Raphael（10， 50， 320， 200）;

// 在坐標（x = 50， y = 40）繪制半徑為 10 的圓

var circle = paper.circle（50， 40， 10）;

// 給繪制的圓圈填充紅色 （#f00）

circle.attr（“fill”， “#f00”）;

// 設置畫筆（stroke）的顏色為白色

circle.attr（“stroke”， “#fff”）;

精彩示例：

Raphaël Playground

Reflection

Image rotation

Text rotation

GitHub-a-like impact chart

GitHub-a-like punch chart

GitHub-a-like languages chart

Raphaël Analytics chart

Polar Clock

Dynamic Spinner

Australian Map

Dancing Helvetica

Multichart

Animation

Tiger

Hand

Interactive Chart

Diagram

Custom Fonts

Animation Easing

Gradients Example

Curver

Animation along the path demo

3D Shooter

Colour Picker

Growing Pie

Bounce

World Map

實用網(wǎng)站：

Raphael 官方網(wǎng)站地址：http://raphaeljs.com

Raphael 英文參考文檔：http://raphaeljs.com/reference.html

Raphael 中文幫助文檔：http://julying.com/lab/raphael-js/docs/

教程推薦：

Raphael 簡介：HTML5 Rocks：Introduction to Raphaël.js

Raphael 新手入門教程：An Introduction to the Raphael JS Library

Raphael 繪制柱狀圖表：Creating a chart with raphael.js

本文題目：強大的矢量圖形庫：RaphaelJS中文幫助文檔及教程
轉(zhuǎn)載注明：http://weahome.cn/article/cpsdje.html