how to resize canvas as per screen size

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

answer how to resize canvas as per screen size

related how to resize canvas as per screen fit

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 3/10 Language whatever

Source: thewebdev.info

Tags: canvas resize screen-size 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 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: resize whatever canvas screen ca

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 size

Contents

More Related Answers

how to resize canvas as per screen size

Closely Related Answers

how to resize canvas as per screen fit

Grepper

Documentation

Social

Legal

Contact

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