在JavaScript中拉伸图形以填充画布元素

涉及javascript画布的快速问题。。。我有一个设定点（用线连接），我想在400x300画布元素上绘制。我会不断增加更多的分数。我需要线拉伸以填充整个画布（不留下不必要的空间）

例如：

为此：

---

谢谢！C.Ruhl

您希望通过执行

画布宽度/（点数-1）

每次加X+=步数

示例如下：

---

区分内部画布大小和可见大小。400x300是您的可见尺寸，由style=“宽度：400px；高度：300px”设置。每次有新点（例如400500）时，您设置画布。宽度=400；帆布。高度=500；然后重新打印整个图表。从某个点开始，您可能需要调整线条的宽度

我有x和y坐标。此外，如果点超出画布的高度和宽度，会发生什么情况？