无法使用Fabric.js调整画布/比例

Question

为了良好的用户交互，我需要将较大的画布显示为较小的画布，但稍后会上传大画布。我正在使用Fabric.js并尝试使用Canvas css技巧，您可以在HTML中设置画布的宽度/高度，然后通过CSS将其设置为较小的一个，如下所示：

fabric.js resize canvas to fit screen

当我尝试按如下方式调整大小时，它会使画布300x150（默认画布）并且不尊重我的CSS。

HTML：

<canvas id="c"></canvas>

JavaScript的：

var canvas = new fabric.Canvas('c', {
        });

canvas.width = 1000;
canvas.height = 1000;

CSS：

#c {
    width: 650px;
    height: 436px;
}

如何调整用户与之交互的画布的“大小”，同时通过fabric.js维护较大画布的“实际大小”？我也在使用bootstrap，我不确定这是否会产生任何影响。

Answer 1

将您的javascript代码替换为：

 var canvas = new fabric.Canvas('c', {});  
    canvas.setWidth(1000) ;  
    canvas.setHeight(1000);