Javascript Fabric JS使用相同的项目(ID)替换对象

Javascript Fabric JS使用相同的项目(ID)替换对象,javascript,html,canvas,html5-canvas,fabricjs,Javascript,Html,Canvas,Html5 Canvas,Fabricjs,我需要将圆形形状替换为矩形形状,与画布使用的项目编号相同 首先,我创建了圆圈: 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: 'r

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

首先,我创建了圆圈:

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' });
假设圆是画布。项(0)我需要用相同Id的画布替换矩形。项(0):

大概是这样的:

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

您可以使用画布删除矩形。删除(圆形)

并使用canvas.insertAt(矩形,0,false)添加新项

见: