兼容FireFox 用javascript写的一个画图函数
早晨醒来突然想写一个画图函数,以前在网上看到有人做过,但都是用VML做的,只有ie支持。
偶这个是用<div>形成的绝对定位的点画出来的,兼容各种浏览器。
Untitled 1
.style1 {
font-size: x-small;
}
function makedot(x,y){ //画点函数
document.write("
")
}
/**
函数功能:根据给定的圆心和半径画圆
函数思路:根据半径及圆心坐标利用数学方法计算从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需刷新才能执行]