如何在Fabric.js中管理两个画布

Question

我使用的是fabric.js，现在的问题是，我想要两个画布画物体，它是一个T恤设计师，我想设计前后两边。现在，我想要的是，如果有人点击翻转，它会改变画布，显示另一个画布，并在上面绘制所有的内容，然后再一次翻转，它将出现在前一个画布上。

这是我正在使用的链接。

我想印这件衬衫的另一面

Answer 1

您需要为每个画布提供自动生成的id，例如前面的

<div class="front-canvas">
<canvas id="1_workarea1"></canvas>
<canvas class="upper-canvas" width="200" height="350"></canvas>
</div>

为了后面的一切

<div class="back-canvas">
<canvas id="2_workarea2"></canvas>
<canvas class="upper-canvas" width="200" height="350"></canvas>
</div>