fabricjs - FabricJS 中画布中的 wrapperEl 是什么？

Question

https://github.com/salgum1114/react-design-editor/blob/8db73ef3d9846444e25657a5414b417633b1ef0e/src/components/Canvas.js

我已经浏览了上面链接上的代码。但我似乎无法理解第 495 行它写 this.canvas.wrapperEl 的地方，因为它没有在任何地方定义。

Answer 1

这是对fabric.js 包裹在它所绘制的实际画布周围的wrapper 元素的引用。div此属性供内部使用，这就是文档中没有提及它的原因。

如果您检查使用了 fabric.js 画布的页面上的 HTML，您会看到如下内容：

<div class="canvas-container" style="...">
  <canvas id="c" width="1000" height="800" class="lower-canvas" style="..."></canvas>
  <canvas class="upper-canvas" width="500" height="400" style="..."></canvas>
</div>

canvas-containerdiv 是你的wrapperEl.