绑定到knockoutjs一个动态创建的fabricjs itext

Question

我有一个 fabricjs 画布，我正在尝试使用 knockoutjs 来管理文本对象的状态。单击时有一个按钮，它会向画布添加一个新的 IText...

但我也有一个按钮

试图使按钮与新的 IText 相关联，因此当用户单击按钮时，它只会使 IText 变为粗体......我正在尝试使用淘汰赛来做到这一点...... 因此，当文本为粗体时，按钮状态会更改以显示文本所处的状态...

由于没有 html 元素，无法弄清楚如何将敲除与 IText 关联...我如何在 JS 中做到这一点？

这个jsfiddle 展示了一种方法......但它不是动态创建的对象

<canvas id="c" data-bind="fabric: [ { type: 'Rect', params: rect.getParams }, { type: 'Rect', params: rect2.getParams } ]"></canvas>

感谢您的帮助...为了您的方便，我在这里做了一个 jsfiddle

https://jsfiddle.net/sarin/62ku4kyj/

Answer 1

您必须创建一个任意名称的计算 observable，然后在计算 observable 的函数中：1. 引用 observable（例如 myStyle）和 2. 创建调用结构接口的代码。

myScratchVar = ko.computed(function() {
  var scratchStyle = self.myStyle();   // triggers this function to run
  MyFunctionToSetFabricAttributes(scratchStyle);  
  return true;   
});