fabric.js ...如何中心画布 [英] fabric.js ... how to center canvas

问题描述

fabricjs将转换：

fabricjs will convert:

//  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>

...请参阅这个解释

元素，如何保持画布水平居中。

Because of the way fabric js wraps a canvas element, how do you keep a canvas horizontally centered.

这里是类似问题。这里是小提琴测试

推荐答案

apply

margin: 0 auto;

到class = canvas-container

to class = canvas-container

canvas-container是由面料自动创建的。

canvas-container is automatically created by fabric.

请参阅小提琴

这篇关于fabric.js ...如何中心画布的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！