使用html5和jQuery绘制按钮图

Question

我想将桌面应用程序迁移到webbase。其中有如下图所示的按钮图。

所有按钮都不可拖动。我只是想用线连接它们。这可能是一个愚蠢的问题。但我是网络开发的新手。我读了一些建议，我可以使用html canvas或使用js库。但是，我不知道如何或从哪里开始。或者这可能只使用html5和jquery而没有任何插件？
甚至纯html5？ 请帮忙。

Answer 1

此问题有两种解决方案：

1. 要么必须使用按钮标签和html5画布绘制整个结构，要么

2. 只需制作一个div，将您的图像（已经有结构）放在背景中，并将按钮标记绝对放在您想要的位置。

我会推荐第二种解决方案，它是快速解决方案。下面我提到参考的例子

hr@SSC> select object_type, object_name ,owner from all_objects where last_ddl_time > sysdate-10;

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