範例邊緣

自訂邊緣

Svelte Flow 提供了四種不同的邊緣類型 - default (貝茲曲線), straight, stepsmoothstep。如果需要特殊的邊緣路由或邊緣控制,也可以建立自訂邊緣。在這個範例中,我們將示範如何實作帶有按鈕、雙向邊緣和自我連接邊緣的邊緣。在所有範例中,我們都使用 BaseEdge 元件作為輔助。

<script lang="ts">
const data: string = "world";
</script>

<h1>Hello {data}</h1>

<style>
h1 {
  font-size: 1.5rem;
}
</style>
唯讀