Raphael-根据点击生成路径

Question

我必须生成几个复杂的路径，我正在寻找一种方法来简化它。我找到了http://ianli.com/sketchpad/，但它产生了'手绘'路径，我需要这样的东西：
我点击A点，然后点B点，结果我得到A到B的路径坐标（M和L）。

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

Answer 1

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

Answer 2

你可以用raphael做到这一点。这是一个快速（但很脏）的解决方案，如何实现它：

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

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

它只是一个简单的矩形，它从click事件中读取坐标并放置它们 成一个字符串。没有魔法。希望这可以帮助你。