從FabricJS中的組中刪除/替換對象

Question

我試圖從組中替換SVG（或刪除並添加一個新的），但它不工作。這些都是我已經嘗試過的方式：

var group = new fabric.Group([svg, text], {options}); 

canvas.remove(svg); // not working 

group.getObjects()[0] = my_new_svg; // not working 

group.forEachObject(function(o) { // not working 
    if (is_svg_object) { 
     canvas.remove(o); 
    } 
}); 

我一直在使用version 1.6.4，它的工作真的很好。但現在，我正在遷移到最新版本1.7.17並且有這個問題。

我還注意到，在這個版本中，我不能直接設置屬性，我被迫使用該方法。

object.setTextBackgroundColor(color); // works 

object.textBackgroundColor = color; // works in 1.6, not in 1.7.17 

所以我想這個問題可以相關。 謝謝！

Answer 1

最近在1.7.x以後需要考慮很多事情。

1）您將對象緩存設置爲默認值。這意味着織物會在物體發生變化時畫出物體。 你應該閱讀，直到它是有道理的，如果它不要求澄清更好的解釋：

http://fabricjs.com/fabric-object-caching

2）爲了使更改生效，你可以在3種方式解決：

使用的setter如你描述的方法（在.set('textBackgroundColor', color)版本更好）

標誌物作爲變化後髒（object.set（「髒」，真））

禁用ö bjectCaching（不推薦）

3）正確的方法從組中刪除的對象是

var group = new fabric.Group([svg, text], {options}); 

group.remove(svg); 

group.addWithUpdate(my_new_svg); 

group.moveTo(my_new_svg, 0); 

說實話看到什麼是不工作的，以及爲什麼會滿足你一個更好的答案。