0

現在、RoCanvas (http://re.trotoys.com/article/rocanvas/) のツール セットを拡張して、テキスト ツール、イメージ ツール、および直線ツールを含めようとしています。そのためのソースコードを参照してください。

ラインツールに問題があります。

正しい方向に進んでいることはわかっていますが、線をドラッグすると線が繰り返されます。私はそれを.mousemoveの下に置いたことを知っています。1行だけにする方法がわかりません！何か案は？

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;
4

1 に答える 1

0

Rocanvas の作者はこちら。最新のものにはすでに無料の線ツールがあるため、長方形ツールのコードではなく、そのコードを使用して拡張することをお勧めします。

于 2012-08-01T21:16:16.830 に答える