Jquery中文网 www.lfcgx.club
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 Raphael一个用于在网页中绘制矢量图形的Javascript库

Raphael一个用于在网页中绘制矢量图形的Javascript库

发布时间:2013-10-26   编辑:www.lfcgx.club
Raphael是一个用于在网页中绘制矢量图形的Javascript库,它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,接下来详细介绍,感兴趣的朋友可以了解下哦
Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。

Raphaël 是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+。

如何使用?
在页面中引入 raphael.js 文件,然后就可以绘制任意的矢量图形了:
复制代码 代码如下:

// 在坐标(10,50)创建宽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");

您可能感兴趣的文章:
Raphael一个用于在网页中绘制矢量图形的Javascript库
jQuery 绘图插件 jCanvas
jQuery 绘图插件 jCanvas
js图表组件highcharts简介
目前流行的JavaScript库的介绍及对比
javascript moveTo与lineTo绘制复杂图形的例子
教你如何使用JSP绘制饼图
显示矢量地图的jQuery 插件 jVectorMap
Highcharts教程(6) legend 图例选项
JavaScript交互式图表工具包 JointJS

关键词: Raphae  绘制  矢量图形   
[关闭]
矮木头走势图
北京幸运28投注稳赚技巧 京东财富娱乐可靠么 彩票49选1怎样买可以稳赚 打死都不赌分分彩 股票融资软件ˉ杨方配资 双胆技巧 qq捕鱼达人3d攻略 炒股是怎么玩的 黑龙江36选7几点开奖 全天重庆时时彩万计划 北京赛车开奖规律破解 春天种什么药材最赚钱 山西11选5基本走势图跨度 重庆时时如何取款 美女双人麻将小游戏 pk双面盘什么意思