CSS画布宽度和高度设置答案

【问题标题】：CSS canvas width and height settingCSS画布宽度和高度设置
【发布时间】：2012-10-24 12:10:44
【问题描述】：

我正在使用像

这样的 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';

但它没有被设置。有什么问题？如何做到这一点？

【问题讨论】：

标签： javascript css

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

使用：

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

cm不推荐

【讨论】：

你错了。我想用厘米。我得到了问题并解决了它。
我的问题不是那个！！！所以这就是你错的原因。但是感谢您提供建议链接:)
永远不要在网络上使用 cm，这里没有任何基于 cm 的内容。
无论是否推荐，答案与实际问题本身完全无关。充其量应该是评论而不是答案。