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

Question

我正在使用fabric.js ，现在的问题是我想要2个画布为其T恤设计器绘制对象，并且我想同时设计正面和背面。 现在，我希望如果有人单击翻转，它将更改画布并显示另一个画布并在其上绘制所有内容，然后再次翻转，将其移至上一个画布。

这是我正在使用的链接 。

我想印这件衬衫的另一面

Answer 1

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

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

对于Back，它将是

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