Fabric JS用相同的Item(ID)替换对象

Fabric JS Replace Objects with Same Item(ID)

本文关键字：ID 替换 对象 Item JS Fabric      更新时间：2023-09-26

我需要将圆形形状替换为矩形形状，与画布使用的项目编号相同

首先创建Circle:

canvas.add(new fabric.Circle({
left: 200,
top: 200,
radius: 30,
fill: 'gray',
stroke: 'black',
strokeWidth: 3}));

然后替换为矩形:

var Rectangle = new fabric.Rect({ 
width: 100, 
height: 150,
fill: 'blue', 
stroke: 'red' });

假设圆圈是canvas.item(0)，我需要用相同的Id canvas.item(0):

替换矩形

像这样:

canvas.item(0).replace(Rectangle);

可以用canvas.remove(Circle)删除矩形

和添加新的项目与canvas.insertAt(Rectangle, 0, false)。

参见:insertAt fabricJS Docs

相关文章：