javascript - jsPlumb 端点可见 : false?

Question

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

我知道如何删除所有部分以使其不可编辑但它总是显示连接点(左、右、上、下)

我怎样才能让它们不可见，这样我就只能看到没有连接点的连接器/箭头？

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:{}       
    },  

width 和 height = 1 的矩形使其非常小，但仍然可见我怎样才能让它不可见？ :)

太感谢了

xQp

Answer 1

还有两种方式:

1. 使用空白端点类型。 It does not draw anything visible to the user.

2. 将 cssClass 添加到 sourceEndpoint 选项

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

   和CSS样式

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