含まれるHTML要素に基づいてセル次元を更新します（したがってポートの場所を更新します）

Question

HTML要素を使用してエンティティを描画するカスタムモデルのJointJSを評価しています。 - HTMLコンテンツに基づいてセルのサイズを変更する（HTMLアップデートに基づいてサイズとポートの位置を動的に更新） - ポートを特定のHTML要素に対して（ビジネスロジックに基づいて）配置します。明確にするために

（下図）：

Answer 1

リサイズ：

あなたがてmanualy要素をチェックボックスリストの変更を追跡して、サイズを変更する必要があり、例えば：

var handleResize = function() { 
    element1.prop('size/height', element1.prop('size/height') + 30) 
} 

ポート：

JointJS v1.0には、ポートとその位置を操作するためのAPIがあります。あなたが位置xに、例えば、任意の形状にポートを追加することができる：10、yは10

element1.addPort({ 
     args: { 
      x: 10, y: 10 
     }, 
     attrs: { 
      circle: {fill: 'red', stroke: '#31d0c6', 'stroke-width': 3, r: 10, magnet: true} 
     } 
    }); 

http://jsfiddle.net/vtalas/ahk2no15/

ドキュメント（比較的素子原点）：

http://resources.jointjs.com/docs/jointjs/v1.0/joint.html#dia.Element.ports