使用Line连接两个div [英] Connect two div using Line

问题描述

朋友们

我正在使用HTML创建组织结构图，由于部门不断变化，我们必须使组织结构图自动化，以避免对简报和图像的不断变化

因此，我正在使用HTML创建组织图，稍后将发布到共享点

我已经创建了一个div，并使用了Jquery来翻转div以查看人的详细信息，但是我在使用某些线对象连接两个div时遇到了问题，有人可以建议一些插件或javascript或一些html代码来显示两者之间的连接使用line

Hi Friends

i am creating a Organisation chart using HTML , due to constant changes in the Department , we have to automate the Org chart to avoid constant changes to power point and images

Therefore i am creating the Org chart using HTML which will be publish to sharepoint later

i have already created a div , and have used Jquery to flip the div to view the person details , but i have the problem connecting two div using some line object ,can anyone suggest some plugin or javascript or some html code to show the connection between two divs using line

推荐答案

也许您可以在后台使用画布并通过计算div位置(即jQueryUI位置)
您可以在画布中将行从一个元素写到另一个元素.

或者也许是SVG而不是HTML5(如果您仍在使用某些糟糕版本的IE)?

我猜这是最简单的解决方案.其他可能性:有些库可以即时生成图像，而有些CSS则可以将其放在背景上.

Maybe you can have canvas in the background and by calculating div location (jQueryUI position i.e.)
you can write lines in canvas from one element to another.

Or maybe SVG instead of HTML5 (if you still using some crappy version of IE)?

This is most simple solution i guess. Other posibilities: there are some libraries that make it possible to generate images on the fly, and with some css you can place it on background.

这篇关于使用Line连接两个div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！