的JavaScript：顏色隨機連接線

我有JS的業餘畫家，並希望工作方式： - 點擊位置（X1，Y1） - 點擊位置（X2，Y2） - 點擊位置（X3，Y3 ）的JavaScript：顏色隨機連接線

然後我有按鈕連接和程序連接最後一點與第一個和我得到一些內容，我可以用它填充顏色。

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;

下來，我有功能關閉線（連接第一個和最後得到連接線）。

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(); 
    } 
});

這裏有什麼問題我嘗試了很多，但我的連線只是不想填充顏色。

來源

2013-03-16 hobok

http://www.kolchose.org/simon/ajaximagemapcreator/

的源代碼，請你缺少一個''' – Johan 2013-03-16 13:43:04

我一次編程是這樣的：HTTP：/ /www.kolchose.org/simon/ajaximagemapcreator/ – powtac 2013-03-16 13:43:08

@Johan是的，當我翻譯成英文時，這是錯誤的。 – hobok 2013-03-16 14:05:38

我曾經創建過一個項目，用於在瀏覽器中在線創建HTML圖像地圖。我也用帆布和鼠標點擊來繪製圖像上線：該項目：在http://code.google.com/p/imagemap/

來源

2013-03-16 18:38:31 powtac

Thx我檢查了你的代碼，我使用非常相似（與我的填充多邊形），但沒有看到任何錯誤。 – hobok 2013-03-17 11:03:57

的JavaScript：顏色隨機連接線

回答

相關問題