html5-canvas - 如何在 Dart 上将调整大小的图像绘制为矩形

Question

我正在尝试为我的GameEngine编写一些动画，到目前为止我所做的是将精灵集与我正在制作动画的元素的所有可能帧一起使用，为此我使用了drawImageToRect方法，它工作得很好。但是，现在我不仅想绘制图像的一部分，而且还想调整图像的大小并只绘制其中的一部分。

检查文档我注意到有一种方法可以绘制调整大小的图像drawImageScaledFromSource但这仅允许我绘制完整的图像并调整其大小。这不方便，因为我想在单个文件中处理动画，并且如果我必须多次手动调整同一个动画图像的大小以处理不同的大小。

是否可以调整大小和图像并仅绘制一部分？

Answer 1

您在问题中提到的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);

四个源参数允许获取源的任何部分。