javascript - 如何使用HTML画布而不是p5.js画布

在开始讨论我的问题之前，我想说我倾向于不提供足够的信息。请让我知道是否需要编辑和添加信息。

问题

直截了当地说，我想使用HTML canvas元素（<canvas>）代替p5.js canvas。我对p5相当陌生，我不知道该怎么做。

一个想法，如代码所示：

HTML

<body>
  <div class="ui">
    <!-- Some basic user interface stuff -->
  </div>
  <canvas id="canvas"></canvas>
</body>

function setup() {
  var canvas = document.getElementById("canvas");
  // Other setup code here
}

编辑：

我没有提到我试图在上面使用此代码，但是运行它之后，p5.js只是制作了另一个具有不同ID和样式的画布。我想知道如何将我的画布与程序中进一步使用的p5 draw（）代码一起使用。