Raphaël 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Raphaël 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Raphaël 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 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) 发布并加入讨论🔥
发表了资讯
2012/01/12 00:00

10 个顶级 JavaScript 动画框架推荐

使用JavaScript可以做出一些引人注目的动画效果,但通常不太容易实现。本文为你整理了10个非常优秀的JavaScript动画框架,使用它们你可以轻松实现动画效果。 1. Raphaël Raphaël是一个小型JavaScript库,用于简化你的Web矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。 源码 + 演示 2. Processing.js 该框架主要针对不想使用Flash或Java applets进行图片编程以及Web交互的开...

1
146
发表了资讯
2011/04/10 00:00

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

Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。 示例代码: // 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"...

1
9
发表了资讯
2010/08/31 00:00

Raphaël 1.5 发布

Raphaël 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。 Raphaël 1.5 的新功能包括: fixed IE8 issue with the HTML element named Raphael fixed precision for arcs in IE added caching to getPointAtSegmentLength function added ability to do more than one animation of an element at the same time added "cubic-bezier()" as ...

1
3
发表了资讯
2010/05/11 00:00

Raphael 1.4 发布,小型JavaScript库

Raphael是一个小型JavaScript库,用于简化您的Web矢量图形工作。如果你想创建自己特点的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。 Raphael是目前最好的,使用javaScript创建独立于浏览器图形的方式,支持:Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+。 1.4新特性: 支持Touch事件 支持rgba 支持新的拖拽方法 各种bug的修复和改进 …… 点击查看详情:http://raphaeljs.com/...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
4 评论
143 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部