如何從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);可能是要走的路。