用javascript绘图—JS2D函数集

2016-01-29 11:34 149 1 收藏

用javascript绘图—JS2D函数集,用&#106avascript绘图—JS2D函数集

【 tulaoshi.com - Javascript 】

  <script Language="javascript"<br /
/****************** JS2D函数集  *******************<br /
<br /
  作者:neweroica    2003-3-28<br /
<br /
  CopyRight (C) 2003<br /
<br /
  在引用或转载时请保留此版权信息,谢谢!!!<br /
<br /
  本函数集可以单独存成一个js文件:"JS2D.js"<br /
<br /
***************************************************/<br /
<br /
/************* 画点 **************<br /
  x,y     点所在的屏幕坐标(像素)<br /
  color   颜色(字符串值)<br /
  size    大小(像素)<br /
**********************************/<br /
function drawDot(x,y,color,size){<br /
  document.write("<table border='0' cellspacing=0 cellpadding=0<tr<td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color: "+color+"' width="+size+" height="+size+"</td</tr</table")<br /
}<br /
<br /
/************* 画直线 **************<br /
  x1,y1   起点所在的屏幕坐标(像素)<br /
  x2,y2   终点所在的屏幕坐标(像素)<br /
  color   颜色(字符串值)<br /
  size    大小(像素)<br /
  style   样式<br /
          =0    实线<br /
          =1    虚线<br /
          =2    虚实线<br /
**********************************/<br /
function drawLine(x1,y1,x2,y2,color,size,style){<br /
  var i;<br /
  var r=Math.floor(Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)));<br /
  var theta=Math.atan((x2-x1)/(y2-y1));<br /
  if(((y2-y1)<0&&(x2-x1)0)||((y2-y1)<0&&(x2-x1)<0))<br /
    theta=Math.PI+theta;<br /
  var dx=Math.sin(theta);//alert(dx)<br /
  var dy=Math.cos(theta);<br /
  for(i=0;i<r;i++){<br /
    switch(style){<br /
      case 0:<br /
        drawDot(x1+i*dx,y1+i*dy,color,size);<br /
        break;<br /
      case 1:<br /
        i+=size*2;<br /
        drawDot(x1+i*dx,y1+i*dy,color,size);<br /
        break;<br /
      case 2:<br /
        if(Math.floor(i/4/size)%2==0){<br /
          drawDot(x1+i*dx,y1+i*dy,color,size);<br /
        }<br /
        else{<br /
            i+=size*2;<br /
            drawDot(x1+i*dx,y1+i*dy,color,size);<br /
        }<br /
        break;<br /
      default:<br /
        drawDot(x1+i*dx,y1+i*dy,color,size);<br /
        break;<br /
    }<br /
  }<br /
}<br /
<br /
/************* 画实心矩形 **************<br /
  x1,y1   起点(矩形左上角)所在的屏幕坐标(像素)<br /
&n

来源:http://www.tulaoshi.com/n/20160129/1482687.html

延伸阅读
  用JavaScript使链接按钮不断变化 按钮是网页中常常能见到的一种东东。但是用按钮做链接你可能还没有见到过。今天教你的这种方法,不仅可以用按钮来制作链接,而且按钮中链接还能不断变化显示。效果非常好看又能节省页面空间,真是一举两得,赶快试试吧! 点击此处查看效果 一、把下面的程序代码加入到< head < /head 区域...
  用JavaScript实现变色背景和文字 制作变色背景和文字的JavaScript代码有很多种,不过大多数背景颜色变化时有跳跃感,不够柔和。本例的效果特别酷! 请看效果: 背景请用bgcolor参数,前景文字请用fgcolor参数。 全部代码如下: 1、背景: < html < head < title bgcolor< /title < meta http-e...
  使用JavaScript中的OLE Automation 2. 什么是绑定 在你适用一个对象模型的属性、方法和事件之前,你必需首先创建一个计划性的引用给包含了你想适用的属性、方法或者事件的类。你可以通过声明一个局部对象变量以保留一个引用给这个对象来实现这个目的。然后,你要为局部变量指定一个对象的应用。 VB和VBScript使用CreateObject()函数...
  最近因为学校做网站设计,所以一直在ASP上和数据库上大费苦心。 我在前一个阶段是做Java程序设计的。突然接到任务并学习ASP,所以我一直都热忠并善于利用JavaScript来构架ASP程序。 JavaScript的一个明显的优点就在于它可以定义和持有自己的对象。这一点好象是VBScript所无法比拟的。 有了这一点,可以利用J...
  在浏览器中显示信息  

经验教程

208

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部