使用线箭头拖放功能 [英] Drag and Drop functionality with line arrow

问题描述

想要构建拖放或实际输入输出映射器想要在UI中显示线条

i用户将任何特定项目从左侧列表拖动到右侧列表onw箭头需要显示指向右侧左侧项目被删除的列表项目..



任何人都可以建议如何做到这一点？

像SSIS包输出表映射一样

< img src = https://decipherinfosys.files.wordpress.com/2008/07/ssisti_7.jpg\"></img>

Want to build drag and drop or actually input output mapper want to show in UI with line
i user drag any particular item from left side list to right side list onw arrow need to show pointing towards right list item on which left item was dropped..

can any one give suggestion how to do this??
Like SSIS package output table mapping
<img src="https://decipherinfosys.files.wordpress.com/2008/07/ssisti_7.jpg"></img>

推荐答案

你可以开始，例如，这里： HTML拖放API - Web API | MDN [ ^ ]。



这个问题与SVG完全正交。 Drag-n-drop API与HTML元素的类型几乎无关。因此，您可以将此技术与SVG自由组合。

-SA

You can start, for example, here: HTML Drag and Drop API - Web APIs | MDN[^].

This problem is perfectly orthogonal to SVG. Drag-n-drop API is pretty much agnostic to the types of HTML elements. So, you can freely combine this technique with SVG.

—SA

这篇关于使用线箭头拖放功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！