为啥感觉我的海葵和大鱼都被放大了。而且海葵只有头~~~

来源:2-8 大鱼随鼠标移动

麓小羽

2016-11-07 21:26

这是什么情况啊~~~~~~~~~~~

写回答 关注

3回答

  • 慕妹5034279
    2018-08-08 11:53:08

    正确:<canvas id="canvas1" width="700px" height="400px"></canvas>

    错误:<canvas id="canvas2" style="width: 700px; height: 400px;"></canvas>

    错误:#canvas1 { position: absolute; left: 300px; top: 100px; z-index: 0; width: 700px; height: 400px; }


    在js中获取canvas的宽高:

    正确:canWidth = can1.width;

    错误:canWidth = can1.style.width;

    一只肥鹤

    我听了这么多节 显示一直都很大 所有形状和速度都要自己调,显示出来图片还糊,大鱼运动明显不对,可是代码检查不出错误,多亏你的回答,我把调整了以后所有显示都没问题啦。现在很舒坦啦哈哈哈哈,不知道你能不能看到,但是超级谢谢你呀,么么哒!mua

    2018-11-05 15:42:33

    共 1 条回复 >

  • 慕妹5034279
    2018-08-08 11:40:51

    你是不是把canvas的宽高设置写在css里了 不要写在css里 写在canva标签里

  • 慕粉1461495807
    2016-11-07 22:54:14

    x-图片在画布画图的起点x坐标,Y-图片在画布画图的起点x坐标,w-要在画布上画的图的宽,h-要在画布上画的图的高

    应该是drawImage(图片对象,x,y,w,h)应该是这个方法里的w和h设置的过大了吧,海葵或许是设置的strokeStyle=过大了,海葵只有头应该是moveTo(),lineTo()方法设置有问题

    一只肥鹤

    我听了这么多节 显示一直都很大 所有形状和速度都要自己调,显示出来图片还糊,大鱼运动明显不对,可是代码检查不出错误,多亏你的回答,我把调整了以后所有显示都没问题啦。现在很舒坦啦哈哈哈哈,不知道你能不能看到,但是超级谢谢你呀,么么哒!mua

    2018-11-05 15:42:17

    共 1 条回复 >

HTML5小游戏---爱心鱼(上)

学做HTML5游戏,轻轻松松带你上手,适合刚入手游戏开发的同学

92350 学习 · 551 问题

查看课程

相似问题