济南网站建设制作设计,北京引流推广公司,海南专业网站开发公司,如何查询网站的外链为什么80%的码农都做不了架构师#xff1f; 1、图形简介 与html5不同#xff0c;Raphael提供了以下基本图形#xff1a;矩形、圆形、椭圆形#xff08;html5只有矩形#xff09;。 Paper.rect(x,y,width,height,r)#xff1a;绘制矩形#xff1b; 参… 为什么80%的码农都做不了架构师    1、图形简介  与html5不同Raphael提供了以下基本图形矩形、圆形、椭圆形html5只有矩形。 Paper.rect(x,y,width,height,r)绘制矩形 参数含义 x,y矩形左上角相对于原点(0,0)的坐标 width,height矩形的宽度和高度 r矩形圆角的半径 Paper.circle(x,y,r)绘制圆形 参数含义 x,y 圆心相对于原点(0,0) 的坐标 r圆的半径 Paper.ellipse(x,y,cx,cy)绘制椭圆形 参数含义 x,y 椭圆的圆心相对于原点(0,0)的坐标 cx椭圆横轴的半径 cy 椭圆纵轴的半径    2、绘图实例 下面让我们看看代码的书写 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlnshttp://www.w3.org/1999/xhtmlheadscript typetext/javascript srcjs/raphael.js/scriptscript typetext/javascript srcjs/jquery-1.7.2.js/scriptstyle typetext/css.wraper {position: relative;float: left;width: 400px;height: 400px;margin-left: 10px;margin-top: 10px;border: 1px solid orange;}/stylescript typetext/javascript$(document).ready(function(){var raphael new Raphael(raphael_1,400,400);//绘制普通矩形raphael.rect(20,10,100,70);//绘制带有圆角的矩形raphael.rect(20,100,100,70,20);//绘制圆形raphael.circle(200,50,40);//绘制椭圆形raphael.ellipse(330,50,50,30);raphael.ellipse(330,140,30,50);});/script/head bodydiv idraphael_1 classwraper/div/body /html 代码实现的效果 转载于:https://my.oschina.net/i33/blog/102419