Raphael一个用于在网页中绘制矢量图形的Javascript库
2018-10-12 14:01
381 查看
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 文件,然后就可以绘制任意的矢量图形了:
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库
- Raphael一个js编写的网页矢量图形库
- 轻量级网页客户端矢量图形绘制技术总结(lightweight techniques for online drawing)
- canvas元素用于在网页上绘制图形-html5Canvas
- 网页矢量图形 Raphael 学习
- java.awt(包含用于创建用户界面和绘制图形图像的所有类)
- 字符转成网页Unicode码的方法,可用于在一个网页上显示多种语种.
- 关于qt绘制图形中的一个极易出错的点
- amCharts在网页上绘制各种图形
- C# 绘制矢量图形
- 分享一个用于替换复制网页当中的图片地址并保存在服务器的上方法
- 矢量图形绘制算法浅析
- C# 绘制矢量图形
- DynamicMakeBean.java 这是一个servlet 用于动态产生网页
- WebM影片格式 一个开放、免费的媒体文件格式用于网页
- 一个JavaScript库,用于多点触摸手势:Hammer.js
- C# 绘制矢量图形
- 源码推荐:一个使用C#绘制图形引擎的Framework
- 一个能够快速把JSON数据格式化成漂亮网页的开源JavaScript库:angular-json-human
- 用于图形绘制的Javascript库jsDraw2D发布[转]