2

私はjsアマチュア画家を持っていて、そのように働きたいです: - 位置 (x1, y1) をクリックします - 位置 (x2, y2) をクリックします - 位置 (x3, y3) をクリックします

次に、ボタンを接続し、最後のポイントを最初のポイントとプログラム接続し、色で塗りつぶすことができるコンテンツを取得します。

ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(100,100);
ctx.lineTo(70, 150);
ctx.lineTo(50, 50);
ctx.fillStyle = "000";
ctx.fill();

それはうまく機能しますが、必要なときに線を接続するボタンを使って自分のやり方で作業したいと思います:

x = event.pageX - $("#myCanvas").offset().left;
y = event.pageY - $("#myCanvas").offset().top;
if (n == 0) {
    a = x;
    b = y;
    zx = x;
    zy = y;
}
ctx.beginPath();
ctx.moveTo(a,b);
if(n != 0)
    ctx.lineTo(x,y);
ctx.stroke();
a = x;
b = y;
n = 1;

Down 行を閉じる機能があります (最初と最後を接続して、接続された行を取得します)。

 jQuery('#connect').click(function () {
    if ((this.id == 'connect') && (
        //ctx.beginPath();
        ctx.moveTo(a, b);
        ctx.lineTo(zx, zy);
        //ctx.closePath();
        ctx.fillStyle = bpolnila.toString();
        ctx.fill();
        ctx.stroke();
    }
});

ここで何が問題なのか、いろいろ試しましたが、接続された線が色で塗りつぶされたくないのです。

4

1 に答える 1

0

ブラウザで HTML イメージ マップをオンラインで作成するためのプロジェクトを作成したことがあります。また、キャンバスとマウスのクリックを使用して、画像に線を引きました: プロジェクト: http://www.kolchose.org/simon/ajaximagemapcreator/

ソース コードはhttp://code.google.com/p/imagemap/で入手できます。

于 2013-03-16T18:38:31.927 に答える