画布默认大小

Question

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

当我想要一个画布默认为包含div的大小时,这有点令人讨厌,它有一个未指定的大小.

使用这里的示例,我希望画布默认为添加填充的标题宽度.

希望有道理.

这可能没有JavaScript吗？

Answer 1

Finnnn,你是对的.

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

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

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

width属性默认为300,height属性默认为150.

Answer 2

安排你的布局,以便有一个div,而div的唯一工作就是决定你想要画布的尺寸.

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

然后将画布添加到div.

Answer 3

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