vue+canvas实现横跨整个页面的动态的波浪线（贝塞尔曲线）

本来写这个特效 我打算用css实现的，结果是一波三折，我太难了，最终没能用css实现，转战了canvas来实现。来吧先看效果图

当然这个图的波浪高度、频率、位置、速度都是可调的，请根据自己的需求调整，如果你讲波浪什么的调大一下 还有有摆动的效果哦。

以下是完整代码

<template>
  <div>
    <canvas ref="canvas" width="2000" height="300"></canvas