我正在尝试将一些动画编码到我的GameEngine中,到目前为止,我正在将sprite-sets与我要设置动画的元素的所有可能帧一起使用,为此,我使用了drawImageToRect方法,并且效果很好。但是,现在我不仅要绘制图像的一部分,而且还希望调整图像的大小并仅绘制图像的一部分。
查看文档,我注意到有一种方法可以绘制大小调整的图像drawImageScaledFromSource,但这只允许我绘制完整的图像并调整大小。这不方便,因为我想在单个文件中处理动画,并且如果我必须多次手动调整同一动画图像的大小才能处理不同的大小。
是否可以调整大小和图像并仅绘制其中的一部分?
最佳答案
您在问题中提到的drawImageScaledFromSource似乎提供了您想要的。请参阅文档附带的示例:
VideoElement video = document.query('video');
video.width = 100;
video.height = 100;
// Take the middle 20x20 pixels from the video and stretch them.
ctx.drawImageScaledFromSource(video, 40, 40, 20, 20, 50, 50, 100, 100);
四个源参数允许占用源的任何部分。
关于html5-canvas - 如何在Dart上将调整大小的图像绘制到矩形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19101108/