Breaking News: Grepper is joining You.com. Read the official announcement!

Canvas width and height auto

xcv answered on July 15, 2022 Popularity 9/10 Helpfulness 2/10

answer Canvas width and height auto

related canvas width and hight auto

Canvas width and height auto

Comment

function resizeIE()
{
canvas = document.getElementById("canvas");
  if($.browser.msie) //only IE
  {
$("#canvas").attr('style','background-color:#ffffff; width:100%;height:679px;overflow:hidden;margin-top: -7px;');
//set the height style first

if(window.innerWidth<960) //for other device (only for me)
{
  var height_ie = (window.innerWidth*39.941176470588235294117647058824)/100;
  //to make the ratio of canvas find the pencentage
  //ex. canvas height: 1700px canvas width: 679px;
  //(679*100)/1700 = 39.941 <-- use this one
  //best solution
}
else
{
  var height_ie = window.innerHeight-160; //just for the logo for my web
}
canvas.style.height = height_ie+"px";
 }
}

Popularity 9/10 Helpfulness 2/10 Language html

Source: stackoverflow.com

Tags: auto canvas height html width

Link to this answer
Share Copy Link

Contributed on Jul 15 2022

xcv

0 Answers Avg Quality 2/10

Closely Related Answers

canvas width and hight auto

Comment

(function() {
  const canvas = document.getElementById('canvas');
  const context = canvas.getContext('2d');

  // resize the canvas to fill browser window dynamically
  window.addEventListener('resize', resizeCanvas, false);
        
  function resizeCanvas() {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
                
    /**
     * Your drawings need to be inside this function otherwise they will be reset when 
     * you resize the browser window and the canvas goes will be cleared.
     */
    drawStuff(); 
  }
  
  resizeCanvas();
        
  function drawStuff() {
    // do your drawing stuff here
  }
})();

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: auto canvas canv

Link to this answer
Share Copy Link

Contributed on Jul 16 2022

xcv

0 Answers Avg Quality 2/10

Canvas width and height auto

Contents

More Related Answers

Canvas width and height auto

Closely Related Answers

canvas width and hight auto

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.