javascript - CSS画布宽度和高度设置

Question

我正在使用 javascript 创建画布元素，例如

Can=document.createElement("canvas");

然后我想以厘米为单位设置这个元素的宽度。我在做

Can.style.width="8cm";
Can.style.height="5cm";

我正在设置其他 css 属性，例如，

Can.style.cssText = 'position:relative; top:24px; left:28px; border-radius:30px; float:left; cursor:pointer; box-shadow: 0px 0px 2px 2px black; background-color:#cdcdcd';

但它没有被设置。有什么问题？这该怎么做？

Answer 1

您需要以像素为单位指定画布大小。然后，您可以使用cm单位来缩放画布。

canvas.width = 500; // px
canvas.height = 300; // px

canvas.style.width = '5cm';
canvas.style.height = '3cm';

画布中的像素数必须明确/绝对定义。厘米是一个相对值。

Answer 2

采用：

Can.width = "5px";
Can.height = "5px";

厘米不推荐