如何在画布

Question

我在一张图片中有多个框架。如何在画布中绘制图像的裁剪？

Party poper是画布延伸并通过CSS响应。例如：

说，每帧都是100x100px，我想绘制帧“5”。所以我必须在以下位置绘制框架：x100，y200，width100，height 100

我的代码看起来像这样：

this.ctx = this.canvas.get(0).getContext("2d");
this.ctx.drawImage(this.image, - this.imageWidth * x, - this.imageHeight * y, this.image.width, this.image.height);

我的控制台中所有值都正确，但结果是jack shit。我是否解释了drawImage错误？

Answer 1

为什么使用负值？

对于＆＃34; 5＆＃34;，您应该使用：

this.ctx.drawImage(this.image, 100, 100);

或者如果你的精灵没有合适的尺寸：

this.ctx.drawImage(this.image, 100, 100, 100, 100);

drawImage的doc： https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/drawImage