【问题标题】:Resize html canvas element with pure javascript使用纯 javascript 调整 html canvas 元素的大小
【发布时间】:2013-03-02 02:52:49
【问题描述】:

我正在开发一款仅使用 html5 画布元素和 javascript 的游戏。我需要能够重新调整它的大小,但不想使用任何库

【问题讨论】:

标签: html html5-canvas


【解决方案1】:

您可以通过将画布分配给变量来简单地更改画布的宽度和高度,并使用宽度和高度属性。

var canvas = document.getElementById("ID of canvas here");
canvas.width = 500;
canvas.height = 500;

【讨论】:

  • ...请记住,调整画布大小会自动清除其所有内容。因此,您必须在调整大小的画布上重新绘制所有对象。
猜你喜欢
  • 2012-02-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-16
  • 1970-01-01
  • 1970-01-01
  • 2018-03-08
相关资源
最近更新 更多