在javascript中设置画布的高度和宽度

时间:2014-09-04 05:00:30

标签: javascript css canvas

当我这样做时

canvas.width=window.innerWidth;

我没有遇到任何问题。

当我这样做时

canvas.style.width=window.innerWidth;

画布保持默认宽度。

当我这样做时

canvas.width(window.innerWidth);

我得到"未捕获的typeError:数字不是函数"。我没有名为" canvas"," width"," window"或" innerWidth"的变量或函数。

为什么只有第一种方法有效?

2 个答案:

答案 0 :(得分:0)

因为canvas还有widthheight作为属性,每次重新设置画布的高度或宽度时,画布内容都将被清除。这就是为什么你的第一种方法有效。

答案 1 :(得分:0)

width是属性,而不是函数,因此是错误。 canvas元素的width属性会影响画布上下文,而style.width仅适用于HTML元素,因此如果此值更高,它将拉伸上下文。