Raphael一个用于在网页中绘制矢量图形的Javascript库


Posted in Javascript onJanuary 08, 2013

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一个用于在网页中绘制矢量图形的Javascript库
如何使用?
在页面中引入 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");
Javascript 相关文章推荐
JavaScript中this关键字使用方法详解
Mar 08 Javascript
用jquery实现学校的校历(asp.net+jquery ui 1.72)
Jan 01 Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
javascript实现删除前弹出确认框
Jun 04 Javascript
深入浅析javascript立即执行函数
Oct 23 Javascript
jQuery实现获取隐藏div高度的方法示例
Feb 09 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
微信小程序组件之srcoll-view的详解
Oct 19 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
Jul 27 Javascript
使用vue-router为每个路由配置各自的title
Jul 30 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 #Javascript
jquery Mobile入门—外部链接切换示例代码
Jan 08 #Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 #Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 #Javascript
javascript 系统文件夹文件操作及参数介绍
Jan 08 #Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
Jan 08 #Javascript
滚动图片效果 jquery实现回旋滚动效果
Jan 08 #Javascript
You might like
在WIN98下以apache模块方式安装php
2006/10/09 PHP
一个典型的PHP分页实例代码分享
2011/07/28 PHP
10款实用的PHP开源工具
2015/10/23 PHP
php如何执行非缓冲查询API
2016/07/22 PHP
PHP中单例模式与工厂模式详解
2017/02/17 PHP
载入进度条 效果
2006/07/08 Javascript
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
js 3种归并操作的实例代码
2013/10/30 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
中止javascript执行的方法
2014/02/14 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
jquery实现图片放大镜功能
2015/11/23 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
表单中单选框添加选项和移除选项
2016/07/04 Javascript
layui在form表单页面通过Validform加入简单验证的方法
2019/09/06 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
python批量修改文件名的实现代码
2014/09/01 Python
改进Django中的表单的简单方法
2015/07/17 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
python xlsxwriter创建excel图表的方法
2018/06/11 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
Windows下python3.6.4安装教程
2018/07/31 Python
python调用自定义函数的实例操作
2019/06/26 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
python如何将图片转换素描画
2020/09/08 Python
CSS3实现的炫酷菜单代码分享
2015/03/12 HTML / CSS
美国正宗奢华复古手袋、珠宝及配饰网站:What Goes Around Comes Around
2018/07/21 全球购物
广州足迹信息技术有限公司Java软件工程师试题
2014/02/15 面试题
Python趣味挑战之用pygame实现简单的金币旋转效果
2021/05/31 Python
如何利用python实现列表嵌套字典取值
2022/06/10 Python