キャンバス描画イメージを拡大する

Question

このキャンバスにコードを使用してdrawImageを使用してキャンバスサイズを設定する必要があります。問題は描画された画像がズームされていることです。

コードは、次の -

currentImageDIV = $("#cnv").css({ "position" : "relative" ,"height": 400, "width": 800,"top" :"100px" , "border": "1px solid red" }); 

var c = document.getElementById("cnv"); 
var ctx = c.getContext("2d"); 
ctx.imageSmoothingEnabled = false; 

var img = new Image(); 
img.src = "/images/sample2.jpg"; 
img.onload = function() { 
    ctx.drawImage(img, 0, 0); 
} 

私はズームではなく、期待通りに描かれた画像よりもキャンバスサイズを設定しない場合。

drawImageズーム画像なしでキャンバスのサイズを制御するにはどうすればよいですか？

Answer 1

私はハードコードなしズームよりもキャンバスタグの幅と高さが行われている場合ことがわかりました。

これに対する別の解決策は、プロップなくCSSを使用して、幅と高さを設定することである（例えば$（ "＃CNV"）プロプ（{ "幅" 800、 "高さ"：600}。 ）;）