如何让用户在HTML网站上绘制和保存多边形?

时间:2012-09-20 08:34:18

标签: javascript html5 canvas svg polygon

我想让用户在HTML网站上绘制多边形。我还想让用户将他绘制的多边形保存并加载到人类可读的文件中,如svg或xml。

重要的是我可以读出多边形的一些属性,比如它在页面上的位置。我不想有像jquery-svg这样的在线绘图程序。

我看过http://jsdraw2d.jsfiction.com/demo/linepolygon.htm,但这个工具还不是很复杂......

你有什么想法/工具可以帮助我吗?

最佳,

汉斯

1 个答案:

答案 0 :(得分:4)

通过使用Raphael Javascript库的设施,如果你想在服务器上节省一些服务器端技术,这一切都是可能的:例如PHP 如果你只是谈论会话存储,那么拉斐尔应该适合。

我希望我的要求合适吗? 要开始使用,您需要一个用户界面来创建多边形? http://www.irunmywebsite.com/raphael/additionalhelp.php?q=catmullromspline

然后有一个非常简单的多边形创建函数,你可能有......

你可以在这里引用它...... http://www.irunmywebsite.com/raphael/additionalhelp.php?q=raphael.ispointinsidepath#pagetop

然后您需要保存用户“输入”并根据需要输出 访问Github部分并研究非常简单的“序列化”插件。

不要点击,但可以滑动浏览... http://www.irunmywebsite.com/raphael/rapdevex.php?q=Github好东西

多数拼图解决了我的希望,如果我误解了,那就道歉了