调整大小和可拖动该组的SVG元素
问题描述:
我对SVG应用程序的工作,现在希望让用户使用拖动角落,很像SVG编辑(HTTP调整的对象://svg-edit.googlecode .COM/SVN /主干/编辑/ SVG-editor.html)。 该功能应该如下工作:用户选择一个SVG对象,将其拖动到主“画布”上,并在“画布”上拖动一次,出现对象外侧的四个角,用户可以拖动每个角点&拖动放大对象。这些对象的形状将是矩形的,并且使用路径创建,而不是使用SVG的“矩形”功能。 有没有人有任何建议,应如何实施? 由于提前调整大小和可拖动该组的SVG元素
答
你可以看看一些现有的开源实现。 svg-edit是你已经提到的一个。
为了展示我开发了一个工具,我写了一个demo,将实现该功能。这可以作为比svg-edit更简单和更严格的示例,因为除了允许您绘制rects和圆以及旋转/转换/缩放它们之外,它不会做太多的事情。
答
我已经编辑了jQuery使矩形可拖动,最近把它们放在一个G和失去了这个功能。 g不包含位置数据。 可能会冒泡到孩子的元素。
THANX,很好的例子,但我不希望使用jquery.im目前使用SVG是一种有其他的方式来实现这些functionalty我还没有感觉到如何解决SVG矩形和矩形的其他角落的一个cornor是可拉伸的我之前说过像SVG-edit,当SVG的画布是Draggable时,我不知道Jquery的语法。我想实现一个实现该功能的函数 – 2010-10-25 10:33:37
jquery-svg库仅在本例中用于创建SVG元素,作为冗长的DOM语法的一种简便替代方法:http://keith-wood.name/svg.html它不应该太难理解。主要逻辑是通过使用SCXML和在浏览器中将其编译为JavaScript的scxml-js库实现的:http://www.w3.org/TR/scxml/如果您了解在此使用的状态机定义的行为演示,它应该不是太难以推出自己的例子。 – jbeard4 2010-10-25 12:01:45
thanxs Echo。只是快速浏览了W3文档,对于完全不了解XML的人来说,这似乎相当艰巨。它主要似乎是专注于语音识别,是否有任何特定的部分我应该关注并期望解决我上面提到的问题? 我宁愿不花时间在这个,如果我不必...... – 2010-10-27 11:53:15