Javascript如何更改圖像的高度和寬度src

我正在嘗試做一些非常簡單的事情。我想從文檔中獲取圖像。將其繪製到屏幕上。並且能夠調整此圖片的高度和寬度以適應我所選擇的尺寸。我現在擁有的尺寸根本不會改變。我在做什麼錯？我不想使用任何東西，除了JavaScript。Javascript如何更改圖像的高度和寬度src

var ctx = document.getElementById('mycanvas').getContext('2d'); 
var img = new Image(); 

function draw(){ 
    img.onload = function(){ 
    ctx.drawImage(img,100,100); 
    }; 

img.style.height = '300px'; 
img.style.width = '300px'; 
img.src = "test.png"; 
} 

draw();

來源

2014-12-23 GreenFerret95

你想只是呈現在屏幕上或畫布內的圖像？ – Sirko

我想在畫布內部呈現它 – GreenFerret95

是不是還有額外的右括號'}'？ –

context.drawImage都有爲你做的調整大小的其他參數：

var img=new Image(); 
img.onload=function(){ 
    var scaleFactor=2.00; 
    ctx.drawImage(
     img, 
     100,100, 
     img.width*scaleFactor,img.height*scaleFactor 
    );  
} 
img.src='test.png'

來源

2014-12-23 18:12:39 markE

Javascript如何更改圖像的高度和寬度src

回答

相關問題