正确：<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;

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

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

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