Raphael 的介绍及圆和椭圆学习（一）

Raphael简介

Raphael是一个很小的JavaScript库，它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动、动画等等功能。其兼容的浏览器有：Firefox 3.0+、Safari 3.0+、Chrome 5.0+、 Opera 9.5+、IE6.0+。

raphael.js的下载路径：http://download.csdn.net/detail/mafan121/8549555

Raphael的使用

1. Raphael对象的创建,之后所有的绘画都将在该画布上进行

a.以视图坐标为(x,y)处画一个width * height的画布

var paper = Raphael(x,y,width,height,[callback])

b.以元素Id或元素为父类，画一个wdith*hight的画布

var paper = Raphael("paper",width,height,[callback])

2.Paper.circle(x,y,r)：画圆

效果如下：

3.Paper.ellipse(x,y,rx,ry):画椭圆

效果图如下：

Raphael 的介绍及圆和椭圆学习（一）相关推荐

OpenCV与图像处理学习三——线段、矩形、圆、椭圆、多边形的绘制以及文字的添加
OpenCV与图像处理学习三--线段.矩形.圆.椭圆.多边形的绘制以及文字的添加一.OpenCV中的绘图函数 1.1 线段绘制 1.2 矩形绘制 1.3 圆绘制 1.4 椭圆的绘制 1.5 多边形绘 ...
android 圆动画效果,Android实现任意绕圆或椭圆旋转的动画——SatelliteAnimator使用介绍...
话说实习也就快一个月了,虽然没干什么活,但是这几天总算是有一些可以写的东西. 代码中应该还存在很多问题要修改,大神们请赐教,不胜感激. 开始正题. 关于Android实现任意绕圆或椭圆旋转动画,我称之 ...
python画椭圆-python opencv圆、椭圆与任意多边形的绘制实例详解
圆形的绘制 : OpenCV中使用circle(img,center,radius,color,thickness=None,lineType=None,shift=None)函数来绘制圆形 impo ...
python画椭圆-python绘制圆和椭圆
源自:https://blog.csdn.net/petermsh/article/details/78458585 1. 调用包函数绘制圆形Circle和椭圆Ellipse from matplot ...
两个可能常用到的几何知识（圆与椭圆的方程、求垂直向量）
两个可能常用到的几何知识圆和椭圆的参数方程圆的参数方程特殊圆的参数方程[圆心(0,0),半径R] 一般圆的参数方程[圆心(m,n),半径R] 椭圆的参数方程引例分析:这个说法是错误的,怎么纠 ...
python椭圆代码_Python实现霍夫圆和椭圆变换代码详解
这篇文章主要介绍了Python实现霍夫圆和椭圆变换代码详解,具有一定借鉴价值,需要的朋友可以参考下在极坐标中,圆的表示方式为: x=x0 rcosθ y=y0 rsinθ 圆心为(x0,y0),r为 ...
各种css形状 CSS实现圆角，三角，五角星，五边形，爱心，12角星，8角星，圆，椭圆，圆圈，八卦等等
CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦等等新出的HTML5新增了不少标签,性能更强,原来的很繁琐的功能几个标签就能实现,同时CSS3也推出,更是一大亮点, ...
CSS实现圆角，三角，五角星，五边形，爱心，12角星，8角星，圆，椭圆，圆圈，八卦
CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦等等新出的html5新增了不少标签,性能更强,原来的很繁琐的功能几个标签就能实现,同时CSS3也推出,更是一大亮点, ...
CSS 魔法系列：纯 CSS 绘制基本图形（圆、椭圆等）
我们的网页因为 CSS 而呈现千变万化的风格.这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果.特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来. ...

Raphael 的介绍及圆和椭圆学习（一）

Raphael 的介绍及圆和椭圆学习（一）相关推荐

最新文章

热门文章