0

テキストが変更されるたびに設定されるように、ノックアウト プロパティを 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/

最善のアプローチのアイデアはありますか?

4

1 に答える 1