Javascript fabric.js：如何在浏览器窗口中水平居中放置fabric.Canvas（）？

我想使用

fabric.js

，所以我将画布转换为

fabric.canvas

。但是，这会使画布向左齐平，而不是居中（使用

fabric.jsv1.6.6

和任何现代浏览器，如Safari、Firefox、Chrome）。如何在浏览器窗口中水平居中放置

fabric.Canvas

var canvas=newfabric.canvas（'c'）；
var三角形=新结构。三角形({
宽度：40，
身高：50，
填充：“蓝色”，
左:50,，
前50名
});
canvas.add（三角形）

上面是fabric.canvas，它在浏览器窗口中显示为左对齐

下面是常规画布，它在浏览器窗口中水平居中显示

由于对象的宽度已经固定，因此可以添加
边距：0自动
到css中的
.canvas容器
，如下所示：

<style>.canvas-container{margin: 0 auto;}</style>


.帆布容器{
保证金：0自动；
}
上面是fabric.canvas，它在浏览器窗口中显示为左对齐

下面是常规画布，它在浏览器窗口中水平居中显示

由于对象的宽度已经固定，因此可以添加
边距：0自动
到css中的
.canvas容器
，如下所示：

<style>.canvas-container{margin: 0 auto;}</style>


.帆布容器{
保证金：0自动；
}
上面是fabric.canvas，它在浏览器窗口中显示为左对齐

下面是常规画布，它在浏览器窗口中水平居中显示