Html5 Canvas高度和宽度属性

Question

到目前为止，我一直在分配我的画布属性： -

<canvas id="myCanvas" width="915" height="650" style="border: 2px double #000000;"></canvas>

但是，现在我遇到了一个场景，我的画布高度不是静态的。它需要是动态的。

例如，有时，我在画布上绘制了一个X-Y图，其中包含20行，其他时间为100行。

这意味着我的y轴标记是动态的和可变的。

我不知道这在我的脚本的开头，在我的旧方法中我指定了我的身高。

所以我需要的是一个计数器，它将跟踪y轴上没有标签（比如count` = 0，count ++）

现在，如何从我的脚本中动态更新画布的高度？

任何人都可以帮忙吗？

Answer 1

您可以像这样增加画布的高度：

var c=document.getElementById("myCanvas");
c.height = whatEverHeightYouNeed;

如果使用CSS更改高度，则画布图形将会失真。