Question

我正在使用像

这样的javascript创建canvas元素

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";

cm未被推荐

CSS画布宽度和高度设置

2 个答案: