强大的矢量图形库:Raphael JS 中文帮助文档及教程
2014-02-17 13:17
399 查看
Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用
SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。
jQuery 图片轮播插件
2012年最佳
Web 前端开发工具和框架
让人爱不释手的13套精美网页图标素材
10套精美的免费网站后台管理系统模板
精心挑选的优秀
jQuery Ajax 分页插件
Raphaël 是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+。
在页面中引入 raphael.js 文件,然后就可以绘制任意的矢量图形了:
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
Raphael 官方网站地址: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
SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。
您可能感兴趣的相关文章
经典的白富美型jQuery 图片轮播插件
2012年最佳
Web 前端开发工具和框架
让人爱不释手的13套精美网页图标素材
10套精美的免费网站后台管理系统模板
精心挑选的优秀
jQuery Ajax 分页插件
Raphaël 是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+。
如何使用?
在页面中引入 raphael.js 文件,然后就可以绘制任意的矢量图形了:
精彩示例:
Raphaël PlaygroundReflection
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
实用网站:
Raphael 官方网站地址:http://raphaeljs.comRaphael 英文参考文档:http://raphaeljs.com/reference.html
Raphael 中文帮助文档:http://julying.com/lab/raphael-js/docs/
教程推荐:
Raphael 简介:HTML5 Rocks:Introduction to Raphaël.jsRaphael 新手入门教程:An Introduction
to the Raphael JS Library
Raphael 绘制柱状图表:Creating a chart with raphael.js
相关文章推荐
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 绘制中文强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载
- Twitter Bootstrap 中文帮助文档/中文手册/中文教程
- 【Scikit-Learn 中文文档】寻求帮助 - 关于科学数据处理的统计学习教程 - scikit-learn 教程 | ApacheCN
- 【Scikit-Learn 中文文档】寻求帮助 - 关于科学数据处理的统计学习教程 - scikit-learn 教程 | ApacheCN
- 【Scikit-Learn 中文文档】寻求帮助 - 关于科学数据处理的统计学习教程 - scikit-learn 教程 | ApacheCN
- vim8.0中文帮助文档安装教程 - 实时更新
- 【Scikit-Learn 中文文档】寻求帮助 - 关于科学数据处理的统计学习教程 - scikit-learn 教程 | ApacheCN
- 【Scikit-Learn 中文文档】寻求帮助 - 关于科学数据处理的统计学习教程 - scikit-learn 教程 | ApacheCN
- 【Scikit-Learn 中文文档】四十九:寻求帮助 - 关于科学数据处理的统计学习教程 - scikit-learn 教程 | ApacheCN
- 【Scikit-Learn 中文文档】寻求帮助 - 关于科学数据处理的统计学习教程 - scikit-learn 教程 | ApacheCN
- Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载
- Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载