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 回答