Új hozzászólás Aktív témák

• fordfairlane veterán

  #4497

  #4490 Bici

  2014-10-30 13:54:58

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  fordfairlane

  veterán

  #4490 Bici

  #4490 Bici

  Sziasztok!

  Javascript-ben mi a módja egy változó nevének a dinamikus változtatásának?
  HTML5 Canvas-ba kell betöltenem sok képet. Előre nem tudom, hogy hány kép lesz; amennyit a júzer kiválaszt.
  Vagyis nekem kellene létrehoznom a ImageObject változókat, hogy ne mindig ugyanabba a változóba töltse be a képet.
  Próbálkoztam ImageObject[i]-vel is az alábbi módon:

  var c=document.getElementById("myCanvas");
  var ctx=c.getContext("2d");
  var files = document.getElementById("files-upload").files;
  var imageObj = Array;
  for (var i = 0; i < files.length; i++)
  {
  imageObj[i] = new Image();
  imageObj[i].onload = function()
  {
  ctx.drawImage(imageObj[i], b, 0, a, 1080);
  }
  imageObj[i].src = "path/"+files[i].name;

  Erre sajna ezt kapom:

  Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': No function was found that matched the signature provided.
  imageObj.(anonymous function).onload

  A DrawImage-es sorban történik ez a hiba.

  Mi a megszokott eljárás ilyen esetben?

  Kössz!

  Nem az a gond, hogy a closure-on belül az i indexváltozó nem fog stimmelni az event lefutásakor?

• Bici félisten

  #4491

  #4490 Bici

  2014-10-30 09:38:51

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Bici

  félisten

  #4490 Bici

  #4490 Bici

  Sziasztok!

  Javascript-ben mi a módja egy változó nevének a dinamikus változtatásának?
  HTML5 Canvas-ba kell betöltenem sok képet. Előre nem tudom, hogy hány kép lesz; amennyit a júzer kiválaszt.
  Vagyis nekem kellene létrehoznom a ImageObject változókat, hogy ne mindig ugyanabba a változóba töltse be a képet.
  Próbálkoztam ImageObject[i]-vel is az alábbi módon:

  var c=document.getElementById("myCanvas");
  var ctx=c.getContext("2d");
  var files = document.getElementById("files-upload").files;
  var imageObj = Array;
  for (var i = 0; i < files.length; i++)
  {
  imageObj[i] = new Image();
  imageObj[i].onload = function()
  {
  ctx.drawImage(imageObj[i], b, 0, a, 1080);
  }
  imageObj[i].src = "path/"+files[i].name;

  Erre sajna ezt kapom:

  Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': No function was found that matched the signature provided.
  imageObj.(anonymous function).onload

  A DrawImage-es sorban történik ez a hiba.

  Mi a megszokott eljárás ilyen esetben?

  Kössz!

  Közben arra a - nem biztos, hogy helyes - megállapításra jutottam, hogy a hibaüzenetet az okozza, hogy a ciklus akkor is tovább megy, ha a kép még nem töltödött be, így nem tud lefutni az onload esemény.
  Ezt hogy lehet megoldani?

Új hozzászólás Aktív témák