兼容FireFox 用javascript写的一个画图函数_javascript技巧
- WBOY原创
- 2016-05-16 19:09:24969浏览
早晨醒来突然想写一个画图函数，以前在网上看到有人做过，但都是用VML做的，只有ie支持。
偶这个是用
形成的绝对定位的点画出来的，兼容各种浏览器。
") } /** 函数功能：根据给定的圆心和半径画圆 函数思路：根据半径及圆心坐标利用数学方法计算从0°到360°的每点的坐标，并画出来。 */ function circle(x,y,r){ //(x,y)圆心，r半径 var dotx,doty,radio; var Pi=Math.PI; makedot(x,y); for(var i=0;ix2){ for(var i=0;i>diff;i--){ makedot(x1+i,y1+slope*i); } }else{ //画垂直线 var temp=y2-y1; if(temp>0){ for(var i=0;itemp;i--){
makedot(x1,y1+i);
}
}
}
}
/**
函数功能：根据给定的三点坐标画三角形
函数思路：直接利用画线函数画三条线即可
*/
function triangle(x1,y1,x2,y2,x3,y3){
line(x1,y1,x2,y2);
line(x2,y2,x3,y3);
line(x1,y1,x3,y3);
}
/**
函数功能：根据给定的一系列坐标点画多边形
函数思路：循环读取坐标点，在当前坐标点与下一坐标点之间连线
*/
function polygon(){
var args=arguments.length;
if(args%2!=0) return -1;
var realargs=args/2; //坐标个数
for(var i=0;i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
") } /** 函数功能：根据给定的圆心和半径画圆 函数思路：根据半径及圆心坐标利用数学方法计算从0°到360°的每点的坐标，并画出来。 */ function circle(x,y,r){ //(x,y)圆心，r半径 var dotx,doty,radio; var Pi=Math.PI; makedot(x,y); for(var i=0;ix2){ for(var i=0;i>diff;i--){ makedot(x1+i,y1+slope*i); } }else{ //画垂直线 var temp=y2-y1; if(temp>0){ for(var i=0;i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn