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

Question

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

示例：

进入这个：

谢谢！ C.Ruhl

Answer 1

您希望通过canvasWidth / (number of points - 1)

找到该步骤

每次都添加X + =步。

此处示例：

http://jsfiddle.net/pDDTQ/

Answer 2

区分内部画布大小和可见大小。 400x300是您的可见尺寸，由style =“width：400px; height：300px”设置。每当有新点（例如400,500）时，你设置canvas.width = 400; canvas.height = 500;并重新绘制整个图表。从某一点开始，您可能需要调整线条的宽度。