画布默认大小

Question

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

当我希望画布默认为包含div的大小时，这有点令人讨厌，div的大小不明确。

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

希望这是有道理的。

这可能没有javascript吗？

Answer 1

Finnnn，你是对的。

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

canvas元素有两个属性来控制坐标空间的大小：width和height。

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

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。