[解決済み] 2つの要素の間に接続線を引く[クローズド]。
2022-06-26 19:34:13
質問
2つ以上の要素の間に線を引いてつなげるにはどうしたらよいですか?HTML/CSS/JavaScript/SVG/Canvasの組み合わせは問いません。
これらのいずれかをサポートする回答であれば、それを記載してください。
- ドラッグ可能な要素
- ドラッグ可能/編集可能な接続
- 要素の重複を回避
この質問は、次のように更新されました。 は、多数のバリエーションを統合する を追加しました。
どのように解決するのですか?
jsPlumb は、ドラッグ&ドロップをサポートするオプションとして用意されており、その 多数のデモ を含む フローチャート・デモ .
無料のCommunity版と有料のToolkit版があります。
Toolkit版はCommunity版を包括的なデータバインディングレイヤー、アプリケーション構築のためのいくつかのUIウィジェット、人気のあるライブラリの統合などで包み込み、商業的にライセンスされます。
関連
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] 2つのJavaScriptオブジェクトのプロパティを動的にマージするにはどうすればよいですか?
-
[解決済み] Node.jsのプログラムにコマンドライン引数を渡すにはどうしたらいいですか?
-
[解決済み] JavaScriptで2つの日付を比較する
-
[解決済み] JavaScriptで2つの数値の間の乱数を生成する
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] セルフクローズスクリプトエレメントが機能しないのはなぜですか?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
親子コンポーネント通信を解決する3つのVueスロット
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
vueが定義するプライベートフィルタと基本的な使い方
-
VUEグローバルフィルターの概念と留意点、基本的な使い方
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法
-
JavaScriptのgetElementById()メソッド入門