画布默认尺寸

Question

Chrome 似乎将画布标签的默认宽度设置为 300px。

当我希望画布默认为其包含的 div 的大小（其大小未指定）时，这有点麻烦。

使用此处的示例，我希望画布默认为标题的宽度并添加填充。

希望这是有道理的。

如果没有javascript，这可能吗？

Answer 1

芬恩，你说得对。

从html5规范来看，
http:// /www.w3.org/TR/2012/WD-html5-author-20120329/the-canvas-element.html#the-canvas-element

canvas 元素有两个属性控制坐标空间的大小：宽度和高度。

这些属性在指定时必须具有有效的非负整数值。

宽度属性默认为300，高度属性默认为150。

Answer 2

安排您的布局，使之有一个 div，并且该 div 的唯一作用是规定画布的大小并使其成为您想要的大小。

var canvas = document.createElement('canvas');
canvas.width = div.clientWidth;
canvas.height = div.clientHeight;

然后将canvas添加到div中。

Answer 3

我可以确认，在 Chrome 中，默认尺寸是 300px x 150px。