如何在使用createElement（）创建后调整HTML Canvas对象的大小？

Question

我正在使用此javascript代码创建HTML Canvas对象：

var Canvas = document.createElement("canvas");
Canvas.style.width = "500px";

然后我在上面写文字。

显示画布时，整个画布已按比例放大（包括内容）以匹配500px宽度，这会导致难以重新取样。我真正想要的是，内容保持相同的大小，只有画布本身变得更大。

有什么想法吗？

Answer 1

尝试更改元素的宽度而不是CSS宽度。

Canvas.width = 500;

Answer 2

托马斯的回答是正确的，但听起来好像你也希望将现有内容保留在画布上。更改画布大小时，它会自动清除并重置为默认状态。因此，您需要重绘内容，或者将内容复制到另一个画布（使用drawImage），调整画布大小，然后将内容复制回来（再次使用drawImage）。 / p>