文档章节

Raphaël 基于html5绘制web图形的javascript插件

_EKC
 _EKC
发布于 2012/10/25 00:39
字数 446
阅读 438
收藏 2

昨天在群里看到一个海归妹子的个人兼应聘作品网站(http://www.wendyshijia.com),遂一时引起众狼骚动,里面的设计和创意都教人赞叹,如此简历让人大呼过瘾,同时作为前端开发工作的一员倍感压力巨大XD。感谢如此赏心的作品,让我注意到其中实现的核心插件 Raphaël,这名字不管读写都有难度。。

What is it?

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOMobject, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

-------------------------------------------------

以下是中文翻译:

Raphaël 是一款轻量级的javascript插件,帮助你简单地绘制出web上的矢量图。通过它你能轻易地定制不同的图表、截图类和转动式的窗口部件。

Raphaël ['ræfeɪəl]使用SVG W3C 推荐标准和VML来生成图形。这意味着任何生成的图形都是一个DOM对象,你可以使用javascript事件处理来绑定到它们之上,或在其后再修改。Raphaël’s 的目标是提供一个跨浏览器兼容来生成矢量图形的适配器

Raphaël  目前支持的浏览器有 Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ 和 Internet Explorer 6.0+.


基于html5,方便用来绘制网页中的各种图形,值得以后上手派上用场;)


Raphaël.js的官网地址:

http://raphaeljs.com

© 著作权归作者所有

_EKC
粉丝 21
博文 16
码字总数 9032
作品 0
广州
程序员
私信 提问
强大的矢量图形库:Raphael JS 中文帮助文档及教程

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

李朝强
2013/10/24
880
1
Sencha Touch:新的Touch Web App重量级框架

在几天前,著名的JavaScript框架ExtJS宣布,将现有ExtJS整合JQTouch和Raphaël库,推出适用于最前沿Touch Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile App框架。同时,E...

红薯
2010/07/05
11.2K
3
10 个顶级 JavaScript 动画框架推荐

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

红薯
2012/01/12
9.9K
1
15 个构建交互式图表的最佳 jQuery 插件

在这篇文章中,我们向你推荐 15 个图表库,包含从简单图表实现到高度复杂的交互式图表,希望你会喜欢。 1. Chart.js : Charting Library with HTML5 Canvas 使用HTML5 Canvas元素的Javascrip...

oschina
2013/06/22
11.1K
9
给开发者提供的 35 款 JavaScript 图形图表库

图表是数据图形化的表示,也就是“通过形象的图表来展示数据,比如条形图,折线图,饼图”。几乎每个开发或者项目管理团队都需要图表或者图形来简化 理解,可视化复杂的数据和 web 应用工作流...

oschina
2014/02/24
60.9K
13

没有更多内容

加载失败,请刷新页面

加载更多

STM32进阶之串口环形缓冲区实现

队列的概念 在此之前,我们来回顾一下队列的基本概念: 队列 (Queue):是一种先进先出(First In First Out ,简称 FIFO)的线性表,只允许在一端插入(入队),在另一端进行删除(出队)。 队列...

杰杰1号
26分钟前
10
0
设计模式-建造者模式

建造者模式 定义 将一个复杂对象的构建和它的表示分离,使得同样的构建过程创建出不同的表示。这句话理解起来优点抽象,我们打个简单的比方吧,中国人都喜欢做菜,做菜的时候后会放很多配料...

木本本
29分钟前
9
0
017、xml版本代码生成器配置

1、在pom.xml文件中增加mybatis-generator-maven-plugin插件 <build> <plugins> <plugin> <groupId>org.mybatis.generator</groupId> <artifactId>......

北岩
41分钟前
7
0
用jQuery-Easy-UI编写注册页面

本文转载于:专业的前端网站➮用jQuery-Easy-UI编写注册页面 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content=......

前端老手
49分钟前
6
0
Git ssh配置

生成密钥对 ssh-keygen -t rsa -C "email@email.com"邮箱替换自己邮箱在地址C:\Users\账户\.ssh下,id_rsa、id_rsa.pub两个文件复制文件id_rsa.pub内容到github\gitlab的Settings-> SSH ......

JUKE
57分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部