在Web中拖放绘图

时间:2013-12-09 01:55:10

标签: java javascript html spring drag-and-drop

问题是创建一个动态标签打印,我会在其中向用户呈现可用的字段(例如姓名,ID号,地址等),我会让他们绘制自己的标签。

左侧有一些可用的字段,右侧是一个大字段,我让它们拖放字段并绘制框和网格。

系统应该能够保存它们创建的图形(只要它可以保存在数据库中的任何格式),并且可以在后端调用该图形中的字段。

保存部分很重要,因为如果用户创建了这么多标签,我希望他们能够选择可以用来打印标签的图纸。

我想将其与我现有的Web Maven Spring 3.x系统集成。

如果有人可以指出在哪里看,无论是在绘图创作中还是在保存中它都会很棒。

1 个答案:

答案 0 :(得分:0)

我之前使用Javascript在webapp中绘制/保存了这些东西。使用HTML canvas元素定义用户可以绘制的位置。

猜猜有几个js / jquery库(也可以自己做所有事情)

还有导出功能(我不记得确切)但是可以将绘图转换为数据网址并使用隐藏文本字段上传它。当然它也可以直接存储在用户的计算机上。

首先看一下introduction to canvas drawing on w3cschools.com