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

回答

相关问题