VisJS编辑边缘：是否可以使用editWithoutDrag并且仍然能够移动箭头的起始和终止点？

是的，可以使用editWithoutDrag选项并且仍然能够移动箭头的起始和终止点。

以下是一个示例代码，演示了如何使用VisJS库创建一个编辑边缘的功能，并保持箭头的移动：

<!DOCTYPE html>
<html>
<head>
  <title>VisJS Edit Edge Example</title>
  <style type="text/css">
    #network {
      width: 600px;
      height: 400px;
      border: 1px solid lightgray;
    }
  </style>
  <script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script>
</head>
<body>
  <div id="network"></div>

  <script type="text/javascript">
    // 创建一个空的数据集合
    var nodes = new vis.DataSet();
    var edges = new vis.DataSet();

    // 创建一个网络实例
    var container = document.getElementById('network');
    var data = {
      nodes: nodes,
      edges: edges
    };
    var options = {
      manipulation: {
        enabled: true,
        addEdge: function(edgeData, callback) {
          // 在添加边缘之前，将editWithoutDrag选项设置为true
          edgeData.editWithoutDrag = true;
          callback(edgeData);
        }
      }
    };
    var network = new vis.Network(container, data, options);

    // 添加一些节点和边缘
    nodes.add([{id: 1, label: 'Node 1'}, {id: 2, label: 'Node 2'}, {id: 3, label: 'Node 3'}]);
    edges.add([{from: 1, to: 2, label: 'Edge 1'}, {from: 2, to: 3, label: 'Edge 2'}]);
  </script>
</body>
</html>

在上面的示例中，我们通过将editWithoutDrag选项设置为true来启用边缘的编辑功能，以便可以在添加边缘时进行编辑。这样就可以保持箭头的移动，并且不会触发边缘拖动。

请注意，示例代码中使用的VisJS库是通过CDN引入的，您也可以将其下载到本地并在代码中引用。

本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。

展开更多

开发者特惠

面向开发者的云福利中心，ECS 60元/年，域名1元起，助力开发者快速在云上构建可靠应用

ECS首年60元

社区干货

本文以node.js示例代码为例。接下来选择一个模型,然后在对话框中输入“hello world”,如下图所示。![picture.image](https://p6-volc-community-sign.byteimg.com/tos-cn-i-tlddhu82om/80a1e826195c4d5dbac0c9a0fcb5db3d~tplv-tlddhu82om-image.image?=&rk3s=8031ce6d&x-expires=1716049248&x-signature=11sqYYE%2BA9cO1gNokpEObMGM%2BbY%3D)上面的操作,可以直接点击“调试”按钮,也可以点击对话框右边的箭头,两种操作方式。...

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选

￥1.00/首年起32.00/首年起

立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗，加速分发更实惠

￥2.00/年20.00/年

立即购买

VisJS编辑边缘：是否可以使用editWithoutDrag并且仍然能够移动箭头的起始和终止点？-优选内容

三掌柜的2023年国产AI体验之路|社区征文

类型详情

SHAPE_ARROW 2 形状:箭头 SHAPE_RECT 3 形状:矩形 SHAPE_CIRCLE 4 形状:圆形 TEXT 5 文本框。文本的设置接口如下。调用 setTextFontSize 设置文字高度。调用 setTextColor 设置文字颜色。 LASER_PEN 7 激光笔 ERASER 100 橡皮擦 SELECT 1000 选择工具。选择图形后将出现选择框。如果默认的选择框样式无法满足你的需求,可以调用 setSelectionBoxStyle 更改选择框样式。 DRAG 1001 拖拽工具,设置后SDK处理触摸事件实现缩放&平移...

类型详情

光标和画笔类型枚举值类型值说明 ByteWhiteBoardShapeTypePen 0 普通画笔 ByteWhiteBoardShapeTypeLine 1 直线 ByteWhiteBoardShapeTypeArrow 2 箭头 ByteWhiteBoardShapeTypeRect 3 矩形 ByteWhiteBoardShapeT... 如果画布和图片比例不一致,将对图片进行裁切。 ByteWhiteBoardEditMode objectivec typedef NS_ENUM( NSInteger, ByteWhiteBoardEditMode)编辑权限枚举值类型值说明 ByteWhiteBoardEditModeReadOnly 0 只...