RoCanvas :扩展它以添加线条工具问题

Question

目前正在尝试扩展RoCanvas（http://re.trotoys.com/article/rocanvas/）的工具集以包括文本工具，图像工具和直线工具。请参阅源代码。

我的线工具有问题。

我知道我走对了路，但是当我拖动它时，这条线不断重复。我知道我把它放在.mousemove下。我不知道如何把它变成一行！有什么想法吗？

http://imageshack.us/photo/my-images/560/linez.png/

这是我的线条工具代码：

    case 'line':

                    var x1= e.pageX- this.offsetLeft ;
                    var y1 = e.pageY - this.offsetTop ;                                             
                    charCanvas['clearRect']=[charCanvas['startX'], charCanvas['startY']];

                    context.beginPath();
                    context.moveTo(charCanvas['startX'], charCanvas['startY']);
                    context.lineTo(x1,y1) ; 
                    context.stroke();
                    context.closePath();    

                break;

Answer 1

Rocanvas作者在这里。最新的工具已经有一个自由行工具，所以最好的选择是使用其代码而不是矩形工具的代码进行扩展。