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)添加新项 见: