用javascript绘图—JS2D函数集

2016-01-29 11:34 147 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

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

延伸阅读
  用JavaScript实现变色背景和文字 制作变色背景和文字的JavaScript代码有很多种,不过大多数背景颜色变化时有跳跃感,不够柔和。本例的效果特别酷! 请看效果: 背景请用bgcolor参数,前景文字请用fgcolor参数。 全部代码如下: 1、背景: < html < head < title bgcolor< /title < meta http-e...
  本JavaScipt教程将让你感受到FLASH给您带来有声世界的无穷魅力。在开始本教程之前,我先介绍一下本教程涉及到的内容:隐藏嵌入的SWF、 播放流同步的SWF、 从指定的帧上开始流、 停止和播放流、 检查是否磁道在播放、 检查是否播放器准备好、 检查SWF转载的百分比、验证SWF是否完全装载好、检查播放器的版本号、设置最小的播放器版本...
  最近因为学校做网站设计,所以一直在ASP上和数据库上大费苦心。 我在前一个阶段是做Java程序设计的。突然接到任务并学习ASP,所以我一直都热忠并善于利用JavaScript来构架ASP程序。 JavaScript的一个明显的优点就在于它可以定义和持有自己的对象。这一点好象是VBScript所无法比拟的。 有了这一点,可以利用J...
  在浏览器中显示信息  
  使用JavaScript中的OLE Automation 2. 什么是绑定 在你适用一个对象模型的属性、方法和事件之前,你必需首先创建一个计划性的引用给包含了你想适用的属性、方法或者事件的类。你可以通过声明一个局部对象变量以保留一个引用给这个对象来实现这个目的。然后,你要为局部变量指定一个对象的应用。 VB和VBScript使用CreateObject()函数...

经验教程

622

收藏

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