用javascript绘图—JS2D函数集

smileyy鸭蛋

smileyy鸭蛋

2016-01-29 11:34

用javascript绘图—JS2D函数集,用&#106avascript绘图—JS2D函数集
  <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
展开更多 50%)
分享

猜你喜欢

用javascript绘图—JS2D函数集

电脑网络
用javascript绘图—JS2D函数集

用JavaScript绘图—JS2D函数集

Web开发
用JavaScript绘图—JS2D函数集

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用JavaScript绘图 ——JS2D函数集

Web开发
用JavaScript绘图 ——JS2D函数集

asp自动生成javascript检验函数

ASP
asp自动生成javascript检验函数

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

javascript实例教程(15) 日期函数

电脑网络
javascript实例教程(15) 日期函数

javascript实例教程(14) JS代替CGI

电脑网络
javascript实例教程(14) JS代替CGI

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《战国无双4-2》岛津丰久秘武获取攻略与视频分享

《战国无双4-2》岛津丰久秘武获取攻略与视频分享

制作仿“QQ秀”的虚拟形象

制作仿“QQ秀”的虚拟形象
下拉加载更多内容 ↓