我有 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();
}
});
这里有什么问题我尝试了很多,但我的连接线不想填充颜色。