时间:2021-05-26
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");
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
gRaphael是一个致力于帮助开发人员在网页中绘制各种精美图表的Javascript库,基于强大的Raphael矢量图形库。你只需要编写几行简单的代码就能创建
在网页设计中可以用到的元素很多,之前就分享过运用三角元素来设计网页,今天分享的是使用矢量图形元素设计,矢量图形元素每个对象都是一个自成一体的实体,它具有颜色、形
以苹果11为例,其系统版本为iOS13.6.1,AI是一个用于在AdobeIllustrator软件中绘制一个矢量图形文件格式的文件扩展名。苹果手机可以用Ado
logo设计矢量图的意思是: 矢量图的意思是根据几何特性来绘制图形,矢量可以是一个点或一条线,矢量图只能靠软件生成,文件占用内在空间较小,因为这种类型的图像文
flash是一款二维的矢量软件,利用该软件我们可以制作矢量图形,也可以制作二维的动画,在进行矢量图形绘制的时候,在其内有个工具箱,我们可以使用里面的工具进行