介绍
FabricJS是一个开源面向对象的Javascript Canvas库。它允许你轻松地创建复杂的Canvas应用程序，包括游戏、动画、编辑器等等。FabricJS提供了一组易于使用的API，通过这些API，你可以创建和操作各种对象，包括图像、文本、形状等等。
Image对象的水平居中
FabricJS提供了一组非常强大的API来操作Image对象。这些API允许你旋转、缩放、裁剪等等，同时也允许你将Image对象水平居中。
API介绍
在介绍API之前，首先需要了解一下如何创建一个FabricJS Canvas实例：
let canvas = new fabric.Canvas('canvas'); // 创建fabric实例下面是一些常用的FabricJS Image对象API：
fromURL: 通过url创建一个Image对象。
centerObjectH: 将对象在水平方向上居中。
set: 设置对象的属性。
scaleToWidth: 按照指定宽度缩放对象。
代码实现
现在我们来看一下如何使用FabricJS将Image对象在画布的当前视口中水平居中。
首先，我们需要在Canvas上添加一个Image对象：
fabric.Image.fromURL('image.jpg', function(img) {
canvas.add(img);
});
上面的代码将在Canvas上添加一个叫做"image.jpg"的图片。
接下来，我们需要将Image对象水平居中：
canvas.item(0).centerObjectH();上面的代码将第一个对象在画布的当前视口中水平居中。
最后，我们可以将对象缩放到指定宽度：
canvas.item(0).scaleToWidth(canvas.width * 0.6);上面的代码将第一个对象缩放到当前Canvas宽度的60%。
总结
FabricJS提供了一组强大的API来操作Canvas对象，包括图像、文本、形状等等。在本文中，我们介绍了如何使用FabricJS将Image对象水平居中，并将对象缩放到指定宽度。