html - 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 作者在这里。最新的已经有一个免费的线工具，所以你最好的办法是使用它的代码而不是矩形工具的代码来扩展。