canvas - fabric.js ...如何使画布居中

Question

fabricjs 将转换：

//  this DOM structure
<div id="wrapper">
  <canvas id="c"></canvas>
</div>

//  to this:
<div id="wrapper">
  <div class="canvas-container">
    <canvas class="upper-canvas"></canvas>
    <canvas class="lower-canvas" id="c"></canvas>
  </div>
</div>

...看到这个解释

由于fabric js包装画布元素的方式，如何保持画布水平居中。

这是类似的问题。这是一个小提琴测试

Answer 1

申请

margin: 0 auto;

到类 = 画布容器

canvas-container 是由 fabric 自动创建的。

见小提琴

Answer 2

如果您使用的是 Angular，请使用项目的通用样式表（而不是组件样式表）来提供 @dsdsdsdsd 描述的 css 规则.canvas-container {your styles..}。否则您的样式可能不适用。