drawwindow.html

javascript即用即差核心对象手册

<script>
  var xorg,yorg;
  var xo,yo;
  var bili=50;//方法比例
  var blue="blue";
  var red="red";
  	with(document)
     {
	   //设置左边原点的位置
	   setOrg(150,150);
       //绘制左边轴
       drawOrg();
	   //绘制所选图形
       showDraw(parseInt(dialogArguments));  
     }
  //根据用户指定坐标画点
  function drawPoint(x,y,color,width)
  {
     var xp=xToSystem(x);
	 var yp=yToSystem(y);
	 var str="<table border='0' cellspacing=0 cellpadding=0><tr><td  style='position:absolute;width:"+width+" px; height:"+width+" px; ";
	 str+="left:"+xp+"px;top:"+yp+"px; background:"+color+"'></td></tr></table>";
	 document.write(str);
  }
  //  根据指定起始位置和终止位置画线
  function drawLine(x1,y1,x2,y2,color,width)
  {
     if(x1!=x2)
      {
	     for(var i=x1;i<=x2;i++)
	     {
	         var a=(y2-y1)*(i-x1)/(x2-x1);
		     var j=y1+a;
		     drawPoint(i,j,color,width);
	      }
	  }
	 else
	 {
	    for(var i=y1;i<=y2;i++)
		{
		   drawPoint(x1,i,color,width);
		}
	 }	
  }
  //根据指定的参数设置坐标原点的位置
  function setOrg(x,y)
  {
     xorg=x;
	 yorg=y;
  }
  //将自定义横坐标值转化为系统的横坐标值
  function xToSystem(x)
  {  
     return xorg+x;
  }
  //将自定义纵坐标值转化为系统的纵坐标值
   function yToSystem(y)
  {
      return yorg-y;
  }
  //绘制x y坐标
  function drawOrg()
  {
     drawLine(-1*xorg,0,xorg,0,blue,1);
	 drawLine(0,-1*yorg,0,yorg,blue,1);
  }
  /*
    绘制正弦函数曲线
    区间-pi到pi
  */
  function drawSin()
  {
    	xo=-1*Math.PI;
		yo=Math.sin(xo);
	    for(var x=-1*Math.PI+0.1;x<=Math.PI;x+=0.1)
	    {
	       var y=Math.sin(x);
		   drawLine(xo*bili,yo*bili,x*bili,y*bili,red,2);
		   xo=x;
		   yo=y;
	    }
		document.write("y=sin(x)");
  }
    /*
    绘制余弦函数曲线
    区间-pi到pi
  */
  function drawCos()
  {
        xo=-1*Math.PI;
		yo=Math.cos(xo);
	    for(var x=-1*Math.PI+0.1;x<=Math.PI;x+=0.1)
	    {
	       var y=Math.cos(x);
		   drawLine(xo*bili,yo*bili,x*bili,y*bili,red,2);
		   xo=x;
		   yo=y;
	    }
		document.write("y=cos(x)");
  }
    /*
    绘制自然对数函数曲线
    区间0.02到3.5
  */
   function drawLog()
  {
        xo=0.01;
		yo=Math.log(xo);
	    for(var x=0.02;x<=3.5;x+=0.01)
	    {
	       var y=Math.log(x);
		   drawLine(xo*bili,yo*bili,x*bili,y*bili,red,2);
		   xo=x;
		   yo=y;
	    }
		document.write("y=Log"+"e".sub()+"(x)");
  }
    /*
    绘制指数函数曲线
    区间-2.9到1.5
  */
    function drawExp()
  {
     xo=-3;
	 yo=Math.exp(xo);
	 for(var x=-2.9;x<=1.5;x+=0.1)
	 {
	       var y=Math.exp(x);
		   drawLine(xo*bili,yo*bili,x*bili,y*bili,red,2);
		   xo=x;
		   yo=y;
	 }
	 document.write("y=e"+"x".sup());
  }
  //根据选择绘制函数曲线
  function showDraw(num)
  {
	 switch(num)
	 {
	     case 1:
             drawSin();
			 break;
		 case 2:
		     drawCos();
			 break;
		 case 3:
		     drawLog();
			 break;
	     case 4:
		     drawExp();		 
			 break
	 }
   }
</script>
</body>