Raphael-基于点击生成路径

Question

我必须生成多个复杂的路径，并且我正在寻找一种方法使其更容易。我发现http://ianli.com/sketchpad/，但它产生'手绘'的路径，我需要这样的事情：
我点A点，然后点B和结果我会得到从A到B的路径坐标（M和L）。

你知道任何可以帮助我的工具吗？

Answer 1

您可以编写一个简单的鼠标点击函数。使用计时器事件，您可以按给定的时间间隔将鼠标坐标存储到数组（甚至是json对象或xml文件）。每次触发定时器事件时，都会使用raphael函数在当前点和前一个点之间绘制一条直线。当用户完成绘制线条时，可以编写一个函数分析阵列中的坐标分布，并使用贝塞尔曲线执行一些平滑处理。

Answer 2

你可以用拉斐尔做到这一点。这里是一个快速的（但脏）解决一个如何能实现它：

http://jsfiddle.net/y543x/1/

rect.click(function (e) { 
... 
    alert("M"+lastClickX +"," + lastClickY + "L"+currentClickX+","+currentClickY); 
... 
} 

这仅仅是一个简单的矩形，其读取click事件的坐标，并把这些 成一个字符串。没有魔法。希望这可以帮助你。