它可以在生成之后更改画布大小吗？

Question

编辑：我明白了。在其中一个附加的脚本中是window.onload在已经执行了所有内容之后创建canvas的原因。所以当我添加一个脚本时，画布却不存在：）

我无法更改canvas元素的大小。 我用Bootstrap构建了典型的网站，我的index.html中的代码是这样的：

<div id="container">
//some code
<div id="divForCanvas">
</div>

</div>

<script src="js/index2.js"></script>

在index2.js中的

我将canvas附加为

的子项

<div id="divForCanvas"></div>

生成的画布与div div的宽度和高度不同。

有没有办法在画布生成后调整画布大小（不编辑index2.js）？

Answer 1

canvas元素的大小（以像素为单位），适用于您绘制的位图，并且CSS大小与任何其他HTML元素一样。这两个是不一样的（完全像JPEG的像素大小，但可以在屏幕上以任何大小显示），但你可以随时设置任何一个。

CSS大小可以通过样式表，style元素的<canvas>属性或JS myCanvas.style.*属性以常规方式设置。

可以通过width标记的height和<canvas>属性或JS myCanvas.width来设置画布内容的大小和myCanvas.height属性。请注意，这些是数字，而不是CSS值，因此您可以说＆＃34; <canvas width='200'>＆＃34;，而不是＆＃34; <canvas width='200px'>＆＃34;。设置任一值将立即清除画布内容，实际上是最简单的方法。

与<img>类似，默认情况下会在{＆＃39;自然＆＃39;}处显示<canvas>元素。大小，即其大小（以像素为单位），除非其CSS宽度和高度设置为依赖于包含元素（例如，如果设置width:100%）。