画布绘制图像缩放

2022-01-17 00:00:00 resize canvas javascript html5-canvas drawimage

我正在尝试按比例缩放图像到画布.我可以用固定的宽度和高度来缩放它:

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.

推荐答案

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

相关文章