テキストが変更されるたびに設定されるように、ノックアウト プロパティを svg テキスト要素の長さにバインドしたいと考えています。私はこのようなものから始めました:
ko.bindingHandlers.length = {
init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
var width = element.getComputedTextLength();
valueAccessor()(width);
element.onchange = function() {
var newWidth = element.getComputedTextLength();
valueAccessor()(newWidth);
};
}
};
そしてsvg要素
<text data-bind="text: text, length: labelLength" x="0" y="0" fill="black">Hello World</text>
jsfiddle はこちらhttp://jsfiddle.net/9vWhD/
最善のアプローチのアイデアはありますか?