兼容FireFox 用javascript写的一个画图函数_javascript技巧
程序员文章站
2022-05-24 22:56:58
...
早晨醒来突然想写一个画图函数,以前在网上看到有人做过,但都是用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需刷新才能执行]
推荐阅读
-
兼容FireFox 用javascript写的一个画图函数_javascript技巧
-
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码_javascript技巧
-
兼容FireFox 用javascript写的一个画图函数_javascript技巧
-
用js实现终止浏览器对页面HTML的继续解析即停止解析 兼容firefox_javascript技巧
-
用js实现终止浏览器对页面HTML的继续解析即停止解析 兼容firefox_javascript技巧
-
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)_javascript技巧
-
兼容IE和Firefox的javascript获取iframe文档内容的函数_javascript技巧
-
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)_javascript技巧
-
用JS实现的一个include函数_javascript技巧
-
用JS实现的一个include函数_javascript技巧