jsPlumbendpoint可见：false？

Question

我有一个动态生成的流程图与jsPlumb。我将它保存到MySQL数据库，我需要一个不同的视图，没有任何编辑功能。

我知道如何删除所有部分，使它们不可编辑，但它总是显示连接点（左，右，顶部，底部）

如何使它们不可见，以便在没有连接点的情况下只看到连接器/箭头？

sourceEndpoint = {
    endpoint:["Rectangle",{ width:1, height:1}],
    paintStyle:{ 
        fillStyle:"#db0013",
    },
    maxConnections:999,     
    isSource:false,
    isTarget:false,         
    connector:[ "Flowchart", { stub:[10, 25], gap:0, cornerRadius:0, alwaysRespectStubs:false } ],                                              
    connectorStyle:connectorPaintStyle,
    hoverPaintStyle:endpointHoverStyle,
    connectorHoverStyle:connectorHoverStyle,
    dragOptions:{}       
    },  

宽度和高度为1的矩形使其非常小，但仍然可见。如何使其不可见？：）

thx so fa

xQp

Answer 1

在当前版本中，有连接和终结点的选择方法，

返回值是一个对象，它支持可以在endpoint上执行的大多数操作

请参见此处的文档：http://jsplumb.github.io/jsplumb/querying.html#selectEndpoints

例如，隐藏所有endpoint：

jsPlumb.selectEndpoints().setVisible(false);

Answer 2

由于没有获取所有endpoint的函数，因此您需要获取具有endpoint的所有元素，然后对于单个元素的每个endpoint，您需要将其设置为可见为false：

var elem = $('.havingEndpoint'); // get elements having endpoint based on its class

for(var i=0;i<elem.length;i++)   // for all elements having endpoints iterate
{
     var eps=jsPlumb.getEndpoints($(elem[i]));  //get all endpoints of element
     for(var j=0;j<eps.length;j++)
     {
          eps[j].setVisible(false);   // Set visibility of endpoint to false
     }
 }

有关更多信息，请参阅API文档：

-

-

Answer 3

还有两种方法：

>

使用空白endpoint类型。它不会绘制任何用户可见的内容。

将cssClass添加到sourceEndpoint选项

sourceEndpoint = {
... other options ...
    cssClass: 'source-endpoint'
}

和css样式

.source-endpoint svg * {
    fill: transparent;
    stroke: transparent;
}