Scaling HTML5 canvas width preserving w/h aspect ratio

后端 未结 5 1344

I have a canvas element with dimensions of 979X482px and I\'d like to have it stretch to fit the width of any given browser window, keeping the aspect ratio of width/hight 1

5条回答
  •  被撕碎了的回忆
    2021-01-02 06:29

     ctx.canvas.width = window.innerWidth;
    
     ctx.canvas.height = 3*window.innerWidth/4;
    

    or some variation of that. ctx is the context. An if statement for edge cases might be necessary!

提交回复
热议问题