强大的矢量图形库:Raphael JS 中文帮助文档及教程
来源:互联网 发布:excel 数据验证 编辑:程序博客网 时间:2024/06/05 13:56
地址: http://www.cnblogs.com/lhb25/archive/2013/01/08/raphael-js-reference.html
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");
精彩示例:
- Raphaël Playground
- Reflection
- Image rotation
- Text rotation
- GitHub-a-like impact chart
- GitHub-a-like punch chart
- GitHub-a-like languages chart
- Raphaël Analytics chart
- Polar Clock
- Dynamic Spinner
- Australian Map
- Dancing Helvetica
- Multichart
- Animation
- Tiger
- Hand
- Interactive Chart
- Diagram
- Custom Fonts
- Animation Easing
- Gradients Example
- Curver
- Animation along the path demo
- 3D Shooter
- Colour Picker
- Growing Pie
- Bounce
- World Map
实用网站:
Raphael 官方网站地址:http://raphaeljs.com
Raphael 英文参考文档:http://raphaeljs.com/reference.html
Raphael 中文帮助文档:http://julying.com/lab/raphael-js/docs/
教程推荐:
Raphael 简介:HTML5 Rocks:Introduction to Raphaël.js
Raphael 新手入门教程:An Introduction to the Raphael JS Library
Raphael 绘制柱状图表:Creating a chart with raphael.js
阅读全文
0 0
- 绘制中文强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- 强大的矢量图形库:Raphael JS
- Raphaël Raphael.js 中文帮助文档,SVG、VML、Javascript矢量库(Raphael Reference API)
- raphael 强大的矢量图形库+ justgage 仪表盘
- Raphael一个js编写的网页矢量图形库
- Raphael JS:SVG/VML+JS实现跨浏览器的矢量图形实现方案
- raphael.js矢量绘图
- 网页矢量图形 Raphael 学习
- Raphael 在线中文帮助文档下载地址(txp)
- 学习RaphaelJS矢量图形包--Learning Raphael JS Vector Graphics中文翻译(一)
- 强大的js会图框架raphael-js
- node.js相关的中文文档及教程
- Raphael.js简易教程
- 基于raphael 的图形变化
- Win7 64位下Python安装PIL图像处理库
- sscanf函数
- MD5
- eclipse中jar导入的几种方法
- IDEA配置SDK
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- Flex布局教程篇
- 磁疗有用吗?恒定磁场应用于肿瘤治疗
- ARC 074F Lotus Leaves 最大流最小割
- vue.js中created方法作用
- 什么是 MIME Type
- STM32学习笔记一一时钟系统
- Swift--03新加类型
- JavaSE 一维数组遍历