<BaseEdge />

The <BaseEdge /> 组件在所有边缘内部使用。它可以在自定义边缘内使用，并为您处理不可见的辅助边缘和边缘标签。

CustomEdge.svelte

<script lang="ts">
  import { BaseEdge, getStraightPath } from '@xyflow/svelte';
 
  const [edgePath] = getStraightPath({
    sourceX,
    sourceY,
    targetX,
    targetY,
  });
</script>
 
<BaseEdge path={edgePath} {...$$props} />

属性

名称	类型
#`id`	`字符串`
#`interactionWidth`	`数字`
#`path`	`字符串`
#`style`	`字符串`
#`class`	`字符串`
#`markerStart`	`字符串`
#`markerEnd`	`字符串`
#`label`	`字符串`
#`labelX`	`数字`
#`labelY`	`数字`
#`labelStyle`	`字符串`

说明

如果你想在 <BaseEdge /> 组件中使用边缘标记，你可以将传递给自定义边缘的 markerStart 或 markerEnd 属性传递给 <BaseEdge /> 组件。你可以通过查看 EdgeProps 类型来查看传递给自定义边缘的所有属性。

组件类型