javascript - 如何在 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>