FabricJS 中画布中的 wrapperEl 是什么？

Question

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

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

Answer 1

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

如果您检查使用 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-container div 是您的 wrapperEl。