Raphaeljs - 将简单的矩形编辑为复杂的多边形

时间:2012-09-05 04:53:53

标签: canvas svg raphael html5-canvas jquery-svg

背景:

我目前正在制作一个平面图编辑器,用户可以在其中创建房屋的平面图。

SCENARIO和ISSUE:

有时用户可能想要建造一个不是矩形而是L形的房间。我想让用户选择拆分房间的特定墙壁,然后拖动分隔墙的一部分 - 从而创建一个L形。这可以在这个惊人的site中最好地观看,其中可以选择房间的墙壁,然后拆分,并且可以拖动其中一个分割部分。

问题:

A>我怎样才能在Raphaeljs中复制这个功能?请记住,稍后我将不得不访问房间的尺寸进行一些计算。

B个有没有其他方法(SVG / CANVAS等)或任何其他库(processing.js,page.js,kinect.js,jQuery SVG等),我可以在其中更容易地构建平面布置器。

由于

1 个答案:

答案 0 :(得分:1)

我想说这种可视化可以使用Raphael或Canvas或SVG以相当大的努力量来实现。选择应基于您定位的浏览器,性能问题以及您对这些技术的熟悉程度。

但请不要混淆实际的逻辑和可视化。仅将坐标存储在可视化组件中不是一个好主意。