如何从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"); 

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

例如，如果我在cerceve加载后设置了cerceve.height = 40;，它将绘制高度为40（40比原始高度大）的图像，但源图像没有拉伸，而是重复绘制很多相同的图像。我给它一个自定义高度，图像的行为与重复选项。我想让它伸展。

Answer 1

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