javascriptcanvashtml5-canvasresizedrawimage

Canvas drawImage scaling

I'm trying to scale an image proportionately to the canvas. I'm able to scale it with fixed width and height as so:

context.drawImage(imageObj, 0, 0, 100, 100)

But I only want to resize the width and have the height resize proportionately. Something like the following:

context.drawImage(imageObj, 0, 0, 100, auto)

I've looked everywhere I can think of and haven't seen if this is possible.

Solution 
  • context.drawImage(imageObj, 0, 0, 100, 100 * imageObj.height / imageObj.width)