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

Question

我正在使用fabric.js，现在的问题是，我想要2个画布来绘制对象，它是一个T恤设计师，我想设计正面和背面两侧。现在我希望如果任何人点击翻转它会改变画布并显示另一个画布并在其上绘制所有画布并再次翻转它来到前一个画布。

这是我正在使用的link。

我想打印这件衬衫的另一面

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>