在Fabric.js中,您可以通过在创建对象时设置left
和top
属性来指定对象的位置
// 创建一个矩形对象
var rect = new fabric.Rect({
left: 50, // 指定矩形左上角的x坐标
top: 50, // 指定矩形左上角的y坐标
fill: 'red', // 矩形的填充颜色
width: 100, // 矩形的宽度
height: 100 // 矩形的高度
});
// 将矩形对象添加到画布
canvas.add(rect);
如果您想将现有对象添加到画布并设置其位置,可以先创建对象,然后使用set()
方法设置left
和top
属性,最后将对象添加到画布:
// 创建一个矩形对象
var rect = new fabric.Rect({
fill: 'red', // 矩形的填充颜色
width: 100, // 矩形的宽度
height: 100 // 矩形的高度
});
// 设置矩形对象的位置
rect.set({
left: 50, // 指定矩形左上角的x坐标
top: 50 // 指定矩形左上角的y坐标
});
// 将矩形对象添加到画布
canvas.add(rect);
请注意,您需要确保在设置位置之前已经初始化了Fabric.js画布实例。
领取专属 10元无门槛券
手把手带您无忧上云