javascript - Fabric.js 在初始化后将我的 Canvas 大小更改为 300x150

Question

HTML:

  <div class="canvas-wrapper">
    <canvas id="myCanvas"></canvas>
  </div>

CSS

.canvas-wrapper {
    width: 900px;
    min-height: 600px;
 }

 #myCanvas{
     border:1px solid red;
     position: absolute;
     top:22px;
     left:0px;
     height: 100%;
     width: 99%;
 }

JS

var myCanvas = new fabric.Canvas('myCanvas');

我的 Canvas 在初始化后被调整为 300x150，为什么？

Answer 1

在最新版本中，您必须执行以下操作:

var canvas = new fabric.Canvas('myCanvas');
canvas.setHeight(500);
canvas.setWidth(800);

....你的代码....

canvas.renderAll();

对我来说很好..

对于动态改变大小，这也适用