JavaScript绘图库 Raphaël

MIT
JavaScript
跨平台
2009-09-07
红薯

Raphaël.js 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。

Raphaël.js 使用SVG W3C推荐标准和VML作为创建图形的基础。这意味着你创建的每一个图形对象也是一个DOM对象,所以你可以附加JavaScript事件处理程序或以后 对其进行修改。Raphaël.js目标是提供一个适配器,绘制矢量图兼容大部分浏览器。目前支持的浏览器 Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+。

示例代码:

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white (#fff)
circle.attr("stroke", "#fff");

在线效果演示:http://raphaeljs.com/pie.html

加载中

评论(4)

ieitZYB
ieitZYB
Raphaël.js目标是提供一个适配器,绘制矢量图
L
Ladelamalasuerte
拉斐尔
杨军军
杨军军
这个好似很强大啊 Raphaël
Zoker
Zoker
高大上 Raphaël

10 个顶级 JavaScript 动画框架推荐

使用JavaScript可以做出一些引人注目的动画效果,但通常不太容易实现。本文为你整理了10个非常优秀的JavaScript动画框架,使用它们你可以轻松实现动画效果。 1. Raphaël Raphaël是一个小型...

2012/01/12 21:26

Raphaël JS 1.5.2 发布,JS绘图库

Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。 示例代码: // Creates canvas 320 × 200 a...

2011/04/10 11:28

Raphaël 1.5 发布

Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。 Raphaël 1.5 的新功能包括: fixed IE8 issu...

2010/08/31 22:05

Raphael 1.4 发布,小型JavaScript库

Raphael是一个小型JavaScript库,用于简化您的Web矢量图形工作。如果你想创建自己特点的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。 Raphael是目前最好的,使用javaScr...

2010/05/11 10:04

没有更多内容

加载失败,请刷新页面

没有更多内容

1
回答
如何清空Raphael 画布上所有控件

如题,怎样清空呢。 我有一段代码是类似这样的, 每次从后台获取数据,然后在前台绘制N个圆点。 var paper = Raphael("canvas", ...

2013/03/20 14:44
2
回答
Raphael可以做甘特图吗

Raphael可以做甘特图吗 如果数量大的话 有性能限制吗 如果不用Raphael还有其他的框架做甘特图的吗 有经验的给俺讲讲 先谢谢了

2016/05/13 15:38
2
回答
raphael 的官网服务器登不进去

raphael的官网服务器 不知道怎么了 登不进去。。。有没有大牛下载了raphael官网的例子和api的发小弟一份 小弟感激不尽 小弟邮箱1178745...

2016/02/22 21:21
2
回答
raphael绘图问题

请问,我现在用raphael库画图,我创建一个画布,但是我想画N个图只要用一个画布,而不要每画一次都创建一个画布,请问这个怎么解决?

2013/01/06 09:48
1
回答
求教raphael大神,如何绘制一个三层的圆环

如题,看到文档里都只提到绘制圆,这个圆只能有一个颜色。 我想要换一个圆,从圆心到最外面,依次有三个颜色,看着就像是最里面一个圆,外面套了两个不同颜色的圆环...

2013/02/17 18:27
1
回答
Raphaël 为我们提供的一些开源图标

如下图所示,这些图片并不是以图片文件方式存在,而是文本数据,什么意思呢? 详情请看这里。 这些图都符合 MIT 开源授权协议哦。

2010/06/16 07:53
1
回答
有没懂raphael的大神,求教

公司的要求现在遇到问题了,是raphael的东西,求大神帮忙啊

2013/01/06 09:42
1
回答
Raphaël协议是MIT

RT,修改下资料吧

2011/12/05 17:05

没有更多内容

加载失败,请刷新页面

没有更多内容

Raphael学习笔记(1)--简介

Raphael是一个JavaScript类库,用来在web上绘制矢量图。 Raphael通过判断浏览器的不同,创建svg或vml对象,从而达到跨浏览器的效果。【svg简介,svg入门教程,vml简介,vml入门教程】 这意味...

2013/01/16 11:00
202
0
强大的矢量图形库:Raphael JS 中文帮助文档及教程

Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线...

2013/10/24 13:22
877
0
使用javascript实现跨浏览器绘图相关..

HTML里DOM的canvas对象可以画出各式各样的2D 3D图象,甚至游戏.但IE不支持这个对象,微软不想让javascript太强大. 可以通过SVG/VML+JS模拟canvas来实现跨浏览器的矢量图形实现方案. 这其实和网...

2011/04/10 12:31
341
0
Wijmo 更优美的jQuery UI部件集:复合图表(CompositeChart)

Wijmo的CompositeChart控件允许您使用一个Chart来分析和展现复杂的数据。相同的数据可以使用不同的可视化效果,不同的图表类型展现在一个图表内,使得用户可以从不同的角度,了解分析这组数据...

2014/06/11 12:09
7
0
之前写的拓扑图

http://xiezichang.free3v.net/raphael/Class.html

2014/06/06 00:28
21
0
[转]Popular open source JavaScript frameworks for data visualisation

原文链接:https://sonalake.com/latest/popular-open-source-javascript-frameworks-for-data-visualisation/...

2018/01/11 15:03
13
0
js 转盘抽奖

js 转盘抽奖

2014/10/10 21:13
167
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部