无法使用结构调整画布/缩放的大小.js

Question

为了良好的用户交互，我需要将大画布显示为较小的画布，但稍后会上传大画布。我使用的是Fabric.js，我正在尝试画布css技巧，你可以在HTML中设置画布的宽度/高度，然后通过css将其设置为较小的，如这里记录的:

fabric.js调整画布大小以适应屏幕

当我尝试调整大小如下，它使画布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);