问答详情
源自:2-8 大鱼随鼠标移动

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

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

提问者:麓小羽 2016-11-07 21:26

个回答

  • 慕妹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;

  • 慕妹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()方法设置有问题