HTML Canvas çizgi problemi

enes1406
05-06-2015, 20:09   |  #1  
enes1406 avatarı
OP Taze Üye
Teşekkür Sayısı: 0
3 mesaj
Kayıt Tarihi:Kayıt: Haz 2015

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.

Sistem Bilgilerim
  • Toplama
  • Windows 7 Ultimate 64-bit
  • AMD
  • AMD
  • Google Chrome
  • NOD32 (Eset)
  • 8 GB
  • Android
  • iPad iOS 8
  • Avea
enes1406
08-07-2015, 18:07   |  #2  
OP Taze Üye
Teşekkür Sayısı: 0
3 mesaj
Kayıt Tarihi:Kayıt: Haz 2015

 

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.