HTML Canvas çizgi problemi

var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var dizi=[[470,200,480,200]];
ctx.moveTo(dizi[0][0],dizi[0][1]);
ctx.lineTo(dizi[0][2],dizi[0][3]);
ctx.stroke();

// ile çizdirdiğim cânım çizgimi bir fonksiyon yardımı ile siliyorum.Ayrıca diziyide

function sil(){
ctx.clearRect(0, 0, 1000, 1000);
delete dizi[0];
}

// daha sonra başka bir çizgi çekmek istediğimde

function ciz(){
dizi=[[410,270,420,270]];
ctx.moveTo(dizi[0][0],dizi[0][1]);
ctx.lineTo(dizi[0][2],dizi[0][3]);
ctx.stroke();
}

// ilk çizgi tekrar beliriyor.

Ne yaptıysam olmadı, çözemedim, hatayı farketmem bile uzun zaman aldı,yardımınızı bekliyorum.

Problemi kendim çözdüm, sıkıntı beginPath() ile başlamamamdan kaynaklanıyormuş. Her çizim için bununla başlamak gerekiyor.

Benzer sıkıntı yaşayanlar begin close path meselesini araştırsınlar.