JointJsで動的にフォントサイズを設定するには？

Question

私はJointJsアプリケーションを開発しています。矩形内のテキストにfont-sizeを設定する必要があります。

$('#FText,#FTextHeight,#FTextWidth,#FTextSize').on('keyup change', function() { 
    var FtHeight = $('#FTextHeight').val(); 
    var FtWidth = $('#FTextWidth').val(); 
    var FtSize = parseInt($('#FTextSize').val()); 
    var txt = $('#FText').val(); 
    graph2.clear(); 
    if (txt.length > 0) { 
     $('#FTexterror').empty(); 
     var myFtext = new joint.shapes.basic.Rect({ 
      position: { x: 50, y: 50 }, 
      size: { width: FtWidth, height: FtHeight }, 
      attrs: { 
       rect: { 
        fill: 'white', stroke: outerColor, 'class': 'customtext', 
       }, 
       text: { 
        text: txt, 'letter-spacing': 1, 'font-size': FtSize, 
        fill: outerColor, 'font-size': 11, 'y-alignment': 'middle', 
       } 
      } 
     }); 
     graph2.addCells([myFtext]); 
    } 
    else { 
     $('#FTexterror').empty().append('*Enter valid text'); 
    } 
}); 

上記のコードは、テキストのfont-sizeを設定している間は機能しません。親切にこの

$('.input-text') 
    .val(rect.attr('text/font-size')) //set initial value 
    .on('keyup', function() { 

     var val = $(this).val(); 
     rect.attr('text/font-size', val); 
}); 

完全なデモを試してみてください。この

Answer 1

に私を助けて ：https://jsfiddle.net/vtalas/sav49mj4/