如何在Dart上将调整大小的图像绘制到矩形

时间:2013-09-30 18:23:27

标签: html5-canvas dart game-engine

我正在尝试将一些动画编码到我的GameEngine,到目前为止我所做的是使用sprite-sets和我正在动画的元素的所有可能帧,为此我使用{ {3}}方法,效果很好。但是现在我不仅想要绘制一幅图像,而且我想要调整图像的大小并仅绘制一部分。

enter image description here

检查文档我注意到有一种绘制已调整大小的图像drawImageToRect的方法,但这只允许我绘制完整的图像并调整其大小。这是不方便的,因为我想在单个文件中处理动画,如果我不得不多次手动调整相同的动画图像以处理不同的大小。

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

1 个答案:

答案 0 :(得分:3)

您在问题中提到的

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);

四个源参数允许占用源的任何部分。