想在这里使用画布作为背景

Question

我尝试使用this animation作为背景（实际上只是使用page-warp在其上放了几个文本）。我知道可以使用canvas作为背景。但是，我已经厌倦了这些，但只是为了获得完全黑色的背景。我已经试过2h了，但是没有想到我的想法。需要一些想法和帮助。

Answer 1

画布在调整大小时自行清除

（element.width或element.height已更改）

在窗口调整大小时绘制。

您可以使用

canvas {
  object-fit: contain;
  /* object-fit: cover */
}

修复宽高比问题。