nodonodiaorz 2015-10-24 09:13 采纳率: 0%
浏览 1703

为什么障碍物图片不显示

一共3个文件one.html, one.js, mymap.js
one.html:
<!DOCTYPE HTML>








<br> var c=document.getElementById(&quot;mycanvas&quot;);<br> var cxt=c.getContext(&quot;2d&quot;);<br> //�����ϰ�������<br> var obs=new Array();<br> //�����ϰ���<br> for(var i=0;i&lt;map.length;i++)<br> {<br><br> if(map[i]!=0)<br> {<br> var ob=new Obstacle(parseInt(i%32)*30,parseInt(i/32)*30,map[i]);<br> obs.push(ob);<br> }</p> <pre><code> } drawObs() &lt;/script&gt; </code></pre> <p></body><br> </html><br> one.js:<br> //定义障碍物类<br> function Obstacle(x,y,type)<br> {<br> this.x=x;<br> this.y=y;<br> this.width=30;<br> this.type=type;<br> this.isLive=true;<br> }<br> //画出障碍物<br> function drawObs()<br> {<br> for(var i=0;i&lt;obs.length;i++)<br> {<br> if(obs[i].isLive)<br> {<br> var img=new Image();<br> if(obs[i].type==1)<br> {<br> img.src=&quot;zhuan.jpg&quot;;<br> }<br> else if(obs[i].type==2)<br> {<br> img.src=&quot;gang.jpg&quot;;<br> }<br> else<br> {<br> img.src=&quot;water.jpg&quot;;<br> }<br> img.onload=function(){<br> cxt.drawImage(img,obs[i].x,obs[i].y,obs[i].width,obs[i].width);</p> <pre><code> } } } </code></pre> <p>}<br> mymap.js:<br> var map = [<br> 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,<br> 0,0,0,0,2,2,2,2,2,2,2,2,2,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,<br> 0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,3,3,3,3,3,3,3,3,2,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,<br> 0,0,0,0,2,1,1,1,1,1,1,1,2,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,<br> 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,<br> ];</p> <p>运行的时候显示黑黑的一片,不知道是哪里出了问题</p>
  • 写回答

2条回答 默认 最新

  • 全栈极简 博客专家认证 2015-10-24 09:29
    关注

    要用支持html5的浏览器浏览,比如chrome高版本、firefox高版本、ie11等。

    网上查一下,支持html5的浏览器以及版本。

    评论

报告相同问题?

悬赏问题

  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型