使用html5和jQuery繪製按鈕圖

我想將桌面應用程序遷移到webbase。其中有如下圖所示的按鈕圖。使用html5和jQuery繪製按鈕圖

所有按鈕不dragable。我只是想用線連接它們。這可能是一個愚蠢的問題。但我是網絡開發新手。我讀了一些建議，我可以使用HTML畫布或使用js庫。但是，我不知道如何或從哪裏開始。或者這是可能的使用HTML5和jQuery只有沒有任何插件？
甚至純html5？請幫忙。

來源

2016-04-20 Zacurned Ace

可以使用div的，看起來像一個按鈕，爲什麼使用畫布繪製的例子嗎？ – RRR

@RRR你能給我一些建議如何做到這一點？ –

如果可能將創建演示並顯示給我一些時間 – RRR

有此問題的兩個解決方案：

要麼你將不得不使用按鈕，標籤和HTML5畫布繪製整個結構，或
只是做一個div，將您的圖像（它已經有了結構），並且將按鈕標籤絕對放置在你想要的位置。

我會推薦第二個解決方案，它是快速修復。下面我提供參考

\t \t div{ 
 
\t \t \t background: url(http://i.stack.imgur.com/Bw9Zj.jpg) no-repeat; 
 
\t \t \t height: 300px; 
 
\t \t \t width: 800px; 
 
\t \t } 
 
\t \t button { 
 
\t \t  position: absolute; 
 
\t \t  top: 57px; 
 
\t \t  left: 306px; 
 
\t \t  width: 161px; 
 
\t \t  height: 29px; 
 
\t \t }

\t <div></div> 
 
\t <button>Switch the kenator</button>

來源

2016-04-20 05:44:48

使用html5和jQuery繪製按鈕圖

回答

相關問題