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>

...请参阅this explanation

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

这里是类似的question。这是一个fiddle test

Answer 1

申请

margin: 0 auto;

to class = canvas-container

canvas-container由fabric自动创建。

请参阅fiddle

Answer 2

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