zl程序教程

您现在的位置是:首页 >  前端

当前栏目

兼容FireFox用javascript写的一个画图函数

JavaScript 函数 一个 兼容 firefox 画图
2023-06-13 09:13:57 时间
早晨醒来突然想写一个画图函数,以前在网上看到有人做过,但都是用VML做的,只有ie支持。
偶这个是用<div>形成的绝对定位的点画出来的,兼容各种浏览器。
Untitled1 .style1{ font-size:x-small; }
") } /** 函数功能:根据给定的圆心和半径画圆 函数思路:根据半径及圆心坐标利用数学方法计算从0°到360°的每点的坐标,并画出来。 */ functioncircle(x,y,r){//(x,y)圆心,r半径 vardotx,doty,radio; varPi=Math.PI; makedot(x,y); for(vari=0;ix2){ for(vari=0;i>diff;i--){ makedot(x1+i,y1+slope*i); } }else{//画垂直线 vartemp=y2-y1; if(temp>0){ for(vari=0;itemp;i--){ makedot(x1,y1+i); } } } } /** 函数功能:根据给定的三点坐标画三角形 函数思路:直接利用画线函数画三条线即可 */ functiontriangle(x1,y1,x2,y2,x3,y3){ line(x1,y1,x2,y2); line(x2,y2,x3,y3); line(x1,y1,x3,y3); } /** 函数功能:根据给定的一系列坐标点画多边形 函数思路:循环读取坐标点,在当前坐标点与下一坐标点之间连线 */ functionpolygon(){ varargs=arguments.length; if(args%2!=0)return-1; varrealargs=args/2;//坐标个数 for(vari=0;i