JointJSは、クリック

Question

そうのように、ポートのような「追加」ボタンをクリックしたときに私はプログラム的JointJSに半円形のポートを追加しているよ

にポートを追加します。 私が作成した​​

基本的なポートを、そして私はelement.addPort(port, [opt]) を使うことができるように見えますが、ポートを追加するためにrectangle要素の中でどのようにクリックイベントをトリガーするのか分かりません。追加ボタンとポートのスタイリングも、ジョイントで再作成しようとしているものです。これらのステップに続いて

Answer 1

お手伝いをする必要があります：すべての

1. まず、あなたはその上にカスタムHTMLを持つ要素を作成する必要があります。あなたはjoint.shapes.devs.Modelを拡張することでそれを達成できます。あなたはここでそれについての素晴らしいチュートリアルを見つけることができます：https://stackoverflow.com/a/31650340/4109477（ヒント：半円形のSVGパスは次のとおりです。 D = "M100,100 A20その後、あなたはここで説明したようにカスタムポートを定義に持ってhttp://resources.jointjs.com/tutorial/html-elements
2. 、20 0 0,0 40,0 "）
3. 最後に、element.addPort（ポート、[opt]）機能をカスタムHTMLエレメントのボタンをクリックすると呼び出すだけです。

希望します。