如何从src加载图像调整大小或拉伸

Question

我在画布中绘制此图像时使用fill（）。我使用以下代码加载图像：

var cerceve = new Image();
if ($(".cerceve.accessory-selected").length) {
    cerceve.onload = function () {
        cerceveDeferred.resolve();
    };
    cerceve.src = $(".cerceve.accessory-selected:first img").attr("src");

基本上，我定义src对象的Image然后在加载时我开始在屏幕上绘制它。但我希望图像加载自定义尺寸，我该怎么做？我无法使用drawImage()调整大小，因为我需要使用fill()方法，而且它没有指定任何调整大小选项。

例如，如果我在cerceve.height = 40;加载后设置cerceve，则会绘制高度为40（40比原始高度大）的图像，但源图像不会拉伸，而是它重复，绘制了许多相同的图像。我给它一个自定义高度，图像表现为重复选项。我希望它能伸展。

Answer 1

好的我明白了。加载后不应尝试调整源图像的大小，而应在画布上绘制图像时使用上下文缩放。 context.scale(x,y);可能是要走的路。