how to resize canvas as per screen fit

xcv answered on July 14, 2022 Popularity 6/10 Helpfulness 4/10

answer how to resize canvas as per screen fit

related how to resize canvas as per screen size

how to resize canvas as per screen fit

Comment

/* important! for alignment, you should make things
 * relative to the canvas' current width/height.
 */
function draw() {
  var ctx = (a canvas context);
  ctx.canvas.width  = window.innerWidth;
  ctx.canvas.height = window.innerHeight;
  //...drawing code...
}

Popularity 6/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: canvas resize screen whatever

Link to this answer
Share Copy Link

Contributed on Jul 14 2022

xcv

0 Answers Avg Quality 2/10

Closely Related Answers

how to resize canvas as per screen size

Comment

const draw = (canvas) => {
  const ctx = canvas.getContext("2d");
  ctx.beginPath();
  ctx.arc(95, 50, 40, 0, 2 * Math.PI);
  ctx.stroke();
}

const canvas = document.querySelector("canvas");
canvas.width = window.innerWidth
canvas.height = window.innerHeight
draw(canvas)

window.addEventListener('resize', () => {
  canvas.width = window.innerWidth
  canvas.height = window.innerHeight
  draw(canvas)
})

Popularity 6/10 Helpfulness 2/10 Language whatever

Source: thewebdev.info

Tags: screen-size resize whatever canvas

Link to this answer
Share Copy Link

Contributed on Jul 14 2022

xcv

0 Answers Avg Quality 2/10

how to resize canvas as per screen fit

Contents

More Related Answers

how to resize canvas as per screen fit

Closely Related Answers

how to resize canvas as per screen size

Grepper

Documentation

Social

Legal

Contact

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