资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
JS画图(非VML)--兼容IE/FF
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</title> <style type="text/css"> .style1 { font-size: x-small; } </style> </head> <body> <span class="style1"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%20%0D%0Afunction%20makedot(x%2Cy)%7B%20%2F%2F%E7%94%BB%E7%82%B9%E5%87%BD%E6%95%B0%20%20%0D%0A%20document.write(%22%3Cdiv%20style%3D'height%3A1px%3Bposition%3Aabsolute%3Bleft%3A%22%2Bx%2B%22px%3Btop%3A%22%2By%2B%22px%3Bwidth%3A1px%3Bbackground%3A%23f00%3Boverflow%3Ahidden'%3E%3C%2Fdiv%3E%22)%20%20%0D%0A%7D%20%20%0D%0A%2F**%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E5%8A%9F%E8%83%BD%EF%BC%9A%E6%A0%B9%E6%8D%AE%E7%BB%99%E5%AE%9A%E7%9A%84%E5%9C%86%E5%BF%83%E5%92%8C%E5%8D%8A%E5%BE%84%E7%94%BB%E5%9C%86%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E6%80%9D%E8%B7%AF%EF%BC%9A%E6%A0%B9%E6%8D%AE%E5%8D%8A%E5%BE%84%E5%8F%8A%E5%9C%86%E5%BF%83%E5%9D%90%E6%A0%87%E5%88%A9%E7%94%A8%E6%95%B0%E5%AD%A6%E6%96%B9%E6%B3%95%E8%AE%A1%E7%AE%97%E4%BB%8E0%C2%B0%E5%88%B0360%C2%B0%E7%9A%84%E6%AF%8F%E7%82%B9%E7%9A%84%E5%9D%90%E6%A0%87%EF%BC%8C%E5%B9%B6%E7%94%BB%E5%87%BA%E6%9D%A5%E3%80%82%20%20%0D%0A*%2F%20%20%0D%0Afunction%20circle(x%2Cy%2Cr)%7B%20%2F%2F(x%2Cy)%E5%9C%86%E5%BF%83%EF%BC%8Cr%E5%8D%8A%E5%BE%84%20%20%0D%0A%20var%20dotx%2Cdoty%2Cradio%3B%20%20%0D%0A%20var%20Pi%3DMath.PI%3B%20%20%0D%0A%20makedot(x%2Cy)%3B%20%20%0D%0A%20for(var%20i%3D0%3Bi%3C360%3Bi%2B%3D0.5)%7B%20%20%0D%0A%20%20radio%3Di*Pi%2F180%3B%20%20%0D%0A%20%20dotx%3Dr*Math.cos(radio)%2Bx%3B%20%20%0D%0A%20%20doty%3Dr*Math.sin(radio)%2By%20%20%0D%0A%20%20makedot(dotx%2Cdoty)%3B%20%20%0D%0A%20%7D%20%20%0D%0A%7D%20%20%0D%0A%2F**%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E5%8A%9F%E8%83%BD%EF%BC%9A%E6%A0%B9%E6%8D%AE%E6%8C%87%E7%82%B9%E7%9F%A9%E5%BD%A2%E5%B7%A6%E4%B8%8A%E8%A7%92%E5%9D%90%E6%A0%87%E5%8F%8A%E9%95%BF%E5%AE%BD%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%E3%80%82%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E6%80%9D%E8%B7%AF%EF%BC%9A%E6%A0%B9%E6%8D%AE%E5%B7%A6%E4%B8%8A%E5%9D%90%E6%A0%87%E5%8F%8A%E9%95%BF%E5%AE%BD%EF%BC%8C%E8%AE%A1%E7%AE%97%E6%A8%AA%E7%BA%B5%E5%90%91%E8%BE%B9%E6%AF%8F%E7%82%B9%E7%9A%84%E5%9D%90%E6%A0%87%20%20%0D%0A*%2F%20%20%0D%0Afunction%20rect(x%2Cy%2Cw%2Ch)%7B%20%2F%2F(x%2Cy)%E5%B7%A6%E4%B8%8A%E8%A7%92%E5%9D%90%E6%A0%87%2Cw%2Ch%20%E5%AE%BD%E4%B8%8E%E9%AB%98%20%20%0D%0A%20for(var%20i%3D0%3Bi%3Cw%3Bi%2B%2B)%7B%20%20%0D%0A%20%20makedot(x%2Bi%2Cy)%3B%20%20%0D%0A%20%20makedot(x%2Bi%2Cy%2Bh)%3B%20%20%0D%0A%20%7D%20%20%0D%0A%20for(var%20i%3D0%3Bi%3Ch%3Bi%2B%2B)%7B%20%20%0D%0A%20%20makedot(x%2Cy%2Bi)%3B%20%20%0D%0A%20%20makedot(x%2Bw%2Cy%2Bi)%3B%20%20%0D%0A%20%7D%20%20%0D%0A%7D%20%20%0D%0A%2F**%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E5%8A%9F%E8%83%BD%EF%BC%9A%E6%A0%B9%E6%8D%AE%E4%B8%A4%E7%82%B9%E5%9D%90%E6%A0%87%E7%94%BB%E7%9B%B4%E7%BA%BF%E3%80%82%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E6%80%9D%E8%B7%AF%EF%BC%9A%E6%A0%B9%E6%8D%AE%E4%B8%A4%E7%82%B9%E7%9A%84%E5%9D%90%E6%A0%87%E8%AE%A1%E7%AE%97%E6%9C%BA%E6%96%9C%E7%8E%87%EF%BC%8C%E7%84%B6%E5%90%8E%E6%A0%B9%E6%8D%AE%E7%AC%AC%E4%B8%80%E4%B8%AA%E7%82%B9%E5%9D%90%E6%A0%87%E5%8F%8A%E6%96%9C%E7%8E%87%E8%AE%A1%E7%AE%97%E7%9B%B4%E7%BA%BF%E4%B8%8A%E6%89%80%E6%9C%89%E7%82%B9%E7%84%B6%E5%90%8E%E7%94%BB%E7%BA%BF%E3%80%82%E5%9E%82%E7%9B%B4%E7%BA%BF%E7%89%B9%E6%AE%8A%E5%A4%84%E7%90%86%20%20%0D%0A*%2F%20%20%0D%0Afunction%20line(x1%2Cy1%2Cx2%2Cy2)%7B%20%20%0D%0A%20var%20slope%3D(y2-y1)%2F(x2-x1)%3B%20%2F%2F%E6%96%9C%E7%8E%87%20%20%0D%0A%20var%20diff%3Dx2-x1%3B%20%20%0D%0A%20if(x1%3Cx2)%7B%20%20%0D%0A%20%20for(var%20i%3D0%3Bi%3Cdiff%3Bi%2B%2B)%7B%20%20%0D%0A%20%20%20makedot(x1%2Bi%2Cy1%2Bslope*i)%3B%20%20%0D%0A%20%20%7D%20%20%0D%0A%20%7Delse%20if(x1%3Ex2)%7B%20%20%0D%0A%20%20for(var%20i%3D0%3Bi%3Ediff%3Bi--)%7B%20%20%0D%0A%20%20%20makedot(x1%2Bi%2Cy1%2Bslope*i)%3B%20%20%0D%0A%20%20%7D%20%20%0D%0A%20%7Delse%7B%20%2F%2F%E7%94%BB%E5%9E%82%E7%9B%B4%E7%BA%BF%20%20%0D%0A%20%20var%20temp%3Dy2-y1%3B%20%20%0D%0A%20%20if(temp%3E0)%7B%20%20%0D%0A%20%20%20for(var%20i%3D0%3Bi%3Ctemp%3Bi%2B%2B)%7B%20%20%0D%0A%20%20%20%20makedot(x1%2Cy1%2Bi)%3B%20%20%0D%0A%20%20%20%7D%20%20%0D%0A%20%20%7Delse%7B%20%20%0D%0A%20%20%20for(var%20i%3D0%3Bi%3Etemp%3Bi--)%7B%20%20%0D%0A%20%20%20%20makedot(x1%2Cy1%2Bi)%3B%20%20%0D%0A%20%20%20%7D%20%20%0D%0A%20%20%7D%20%20%0D%0A%20%7D%20%20%0D%0A%7D%20%20%0D%0A%2F**%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E5%8A%9F%E8%83%BD%EF%BC%9A%E6%A0%B9%E6%8D%AE%E7%BB%99%E5%AE%9A%E7%9A%84%E4%B8%89%E7%82%B9%E5%9D%90%E6%A0%87%E7%94%BB%E4%B8%89%E8%A7%92%E5%BD%A2%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E6%80%9D%E8%B7%AF%EF%BC%9A%E7%9B%B4%E6%8E%A5%E5%88%A9%E7%94%A8%E7%94%BB%E7%BA%BF%E5%87%BD%E6%95%B0%E7%94%BB%E4%B8%89%E6%9D%A1%E7%BA%BF%E5%8D%B3%E5%8F%AF%20%20%0D%0A*%2F%20%20%0D%0Afunction%20triangle(x1%2Cy1%2Cx2%2Cy2%2Cx3%2Cy3)%7B%20%20%0D%0A%20line(x1%2Cy1%2Cx2%2Cy2)%3B%20%20%0D%0A%20line(x2%2Cy2%2Cx3%2Cy3)%3B%20%20%0D%0A%20line(x1%2Cy1%2Cx3%2Cy3)%3B%20%20%0D%0A%7D%20%20%0D%0A%2F**%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E5%8A%9F%E8%83%BD%EF%BC%9A%E6%A0%B9%E6%8D%AE%E7%BB%99%E5%AE%9A%E7%9A%84%E4%B8%80%E7%B3%BB%E5%88%97%E5%9D%90%E6%A0%87%E7%82%B9%E7%94%BB%E5%A4%9A%E8%BE%B9%E5%BD%A2%20%20%0D%0A%20%E5%87%BD%E6%95%B0%E6%80%9D%E8%B7%AF%EF%BC%9A%E5%BE%AA%E7%8E%AF%E8%AF%BB%E5%8F%96%E5%9D%90%E6%A0%87%E7%82%B9%EF%BC%8C%E5%9C%A8%E5%BD%93%E5%89%8D%E5%9D%90%E6%A0%87%E7%82%B9%E4%B8%8E%E4%B8%8B%E4%B8%80%E5%9D%90%E6%A0%87%E7%82%B9%E4%B9%8B%E9%97%B4%E8%BF%9E%E7%BA%BF%20%20%0D%0A*%2F%20%20%0D%0Afunction%20polygon()%7B%20%20%0D%0A%20var%20args%3Darguments.length%3B%20%20%0D%0A%20if(args%252!%3D0)%20return%20-1%3B%20%20%0D%0A%20var%20realargs%3Dargs%2F2%3B%20%2F%2F%E5%9D%90%E6%A0%87%E4%B8%AA%E6%95%B0%20%20%0D%0A%20for(var%20i%3D0%3Bi%3Crealargs-1%3Bi%2B%2B)%7B%20%20%0D%0A%20%20line(arguments%5Bi*2%5D%2Carguments%5Bi*2%2B1%5D%2Carguments%5Bi*2%2B2%5D%2Carguments%5Bi*2%2B3%5D)%3B%20%20%0D%0A%20%7D%20%20%0D%0A%20line(arguments%5Bi*2%5D%2Carguments%5Bi*2%2B1%5D%2Carguments%5B0%5D%2Carguments%5B1%5D)%3B%20%20%0D%0A%7D%20%20%0D%0Acircle(500%2C500%2C200)%3B%20%20%0D%0Arect(100%2C100%2C200%2C100)%3B%20%20%0D%0Atriangle(200%2C200%2C100%2C400%2C300%2C400)%3B%20%20%0D%0Apolygon(300%2C300%2C400%2C100%2C600%2C100%2C700%2C300%2C600%2C500%2C400%2C500)%3B%20%20%0D%0A%3C%2Fscript%3E"> </span> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程