Svelte Flow

学習リファレンス例
GitHub ご支援ください
  • 例
  • 機能概要
    • カスタムノード
    • ノードの更新
    • ストレステスト
    • ドラッグハンドル
    • エッジドロップ時のノード追加
    • 近接接続
    • ノードのリサイザー
    • イージーコネクト
    • 接続制限
    • 交差
    • 接続線
    • カスタムエッジ
    • エッジラベルレンダラー
    • エッジマーカー
    • エッジタイプ
    • シンプルなフローティングエッジ
    • Dagre
    • Elkjs
    • 水平フロー
    • サブフロー
    • フローの計算
    • コンテキストメニュー
    • コンテキストズーム
    • ドラッグアンドドロップ
    • 検証
    • 基本スタイル
    • ダークモード
    • Tailwind
    • Turbo Flow
    • 画像のダウンロード
    • Threlte Flow
    • useSvelteFlow
例その他
画像のダウンロード

画像のダウンロード

この例では、html-to-image を使用してフローを画像としてダウンロードする方法を示します。

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

<h1>Hello {data}</h1>

<style>
h1 {
  font-size: 1.5rem;
}
</style>
読み取り専用
機能概要

xyflowチームによるプロジェクト

私たちは2019年からノードベースのUIのためのオープンソースソフトウェアを開発、メンテナンスしています。

ドキュメント

クイックスタートガイドAPIリファレンス例ショーケースご支援ください

ソーシャル

DiscordGithubX / TwitterBluesky

xyflow

ブログオープンソースxyflowについてお問い合わせ
採用情報 募集中

法的情報

MITライセンス行動規範

info@xyflow.com — 著作権 ©2024 webkid GmbH. All rights reserved. — ウェブサイトデザイン by Facu Montanaro