如何修复线条无法覆盖所有画布的问题？

Question

我使用JavaScript进行了一些交互式过滤。但是线条并不覆盖所有画布。该如何解决？

https://www.openprocessing.org/sketch/738205

Answer 1

段的间距和宽度取决于窗口的大小而不是图像。
动态调整段间距和宽度以适应窗口的宽度和高度：

function draw() {   
  if (!loaded) return;

  segmentSpacing = windowHeight / numSegments;
  segmentLength  = windowWidth;

  // [...]
}