Html Can'；t使用Fabric.js调整画布/比例

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

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

HTML:

CSS:

---

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

将javascript代码替换为：

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

---

没有这样的运气。如果用

替换CSS，它会使画布宽度达到1000px，并且不尊重CSSIf。画布容器画布{width:650px；height:436px；}

它会产生不同吗？不，这让我想知道这是否是引导干预的问题！重要的是你的宽度和高度CSS属性修复了这个问题，可以显示在这个最小的，它做到了！非常感谢。

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

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

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

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