JointJS 点击添加端口
JointJS Add Port on click
我希望在单击类似端口的 "add" 按钮时以编程方式在 JointJS 中添加半圆端口，如下所示：
mockup
我已经创建了基本端口，看起来我可以使用 element.addPort(port, [opt])
但我不确定如何在矩形元素内触发点击事件来添加端口。添加按钮和端口的样式也是我仍在尝试使用 Joint 重新创建的样式。
按照这些步骤应该可以帮助您：
- 首先，您必须创建一个带有自定义 HTML 的元素。您可以通过扩展 joint.shapes.devs.Model 来实现它。您可以在这里找到关于它的精彩教程：http://resources.jointjs.com/tutorial/html-elements
- 然后你必须定义一个自定义端口，如下所述：
（提示：半圆的 SVG 路径是：
d="M100,100 a20,20 0 0,0 40,0")
- 最后，当您的按钮位于单击自定义 HTML 元素。
希望对您有所帮助。
我希望在单击类似端口的 "add" 按钮时以编程方式在 JointJS 中添加半圆端口，如下所示： mockup
我已经创建了基本端口，看起来我可以使用 element.addPort(port, [opt])
但我不确定如何在矩形元素内触发点击事件来添加端口。添加按钮和端口的样式也是我仍在尝试使用 Joint 重新创建的样式。
按照这些步骤应该可以帮助您：
- 首先，您必须创建一个带有自定义 HTML 的元素。您可以通过扩展 joint.shapes.devs.Model 来实现它。您可以在这里找到关于它的精彩教程：http://resources.jointjs.com/tutorial/html-elements
- 然后你必须定义一个自定义端口，如下所述：
- 最后，当您的按钮位于单击自定义 HTML 元素。
希望对您有所帮助。