Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Canvas java problem
Forum PHP.pl > Forum > Po stronie przeglądarki
korgan
6.10.2015, 17:58:34
Kod
for(i=0;i<json[3][0];i++){
document.getElementById("left_produkt_in").innerHTML += '<canvas class ="canvas_l"id="Id' + i +'" width="200" height="250" style="border:1px solid black;"></canvas>';

var dane = 'Id' + i;

var canvas = document.getElementById(dane);
      var context = canvas.getContext('2d');
context.fillStyle = "#FFFFFF";
context.fillRect(0, 0, 200, 250);
      var imageObj = new Image();


      imageObj.onload = function() {
        context.drawImage(imageObj, 0, 0);
      };
      imageObj.src = json[0][i];



        }




Mam problem posiadając taki kod jak powyżej który generuje canvas i wrzuca do niego obrazek .
Po wykonaniu tego kodu nie działa poprawnie tak jak myślałem znaczy się obrazek zostaje wrzucony tylko do ostatniego canvas i nie wiem dlaczego tak się dzieje.
kod był sprawdzany w chromie
Comandeer
6.10.2015, 18:29:09
Bo w chwili, gdy obrazek się wczytuje, zmienna context wskazuje na ostatnie canvas w pętli. Powinieneś sobie zrobić ładne IIFE:
Kod
for(var i = 0; i < costam; ++i)
{
    (function(i)
    {
        var itd;
    ](i));
}
korgan
6.10.2015, 19:06:52
Cytat(Comandeer @ 6.10.2015, 19:29:09 ) *
Bo w chwili, gdy obrazek się wczytuje, zmienna context wskazuje na ostatnie canvas w pętli. Powinieneś sobie zrobić ładne IIFE:
Kod
for(var i = 0; i < costam; ++i)
{
    (function(i)
    {
        var itd;
    ](i));
}







Pomogło po części znaczy się musiałem stworzyć drugą pętle która wykonuje IIFE i teraz działa gdy dorzucam IIFE do pierwszej pętli nie działa wiesz może dlaczego?
Kod
    document.getElementById("left_produkt_in").innerHTML = '';

for(i=0;i<json[3][0];i++){

    document.getElementById("left_produkt_in").innerHTML += '<canvas class ="canvas_l"id="Id' + i +'" width="200" height="250" style="border:1px solid black;"></canvas>';


(function(i)
    {
        
var dane = 'Id' + i;

var canvas = document.getElementById(dane);
      var context = canvas.getContext('2d');
context.fillStyle = "#FFFFFF";
context.fillRect(0, 0, 200, 250);
      var imageObj = new Image();
      

      imageObj.onload = function() {
        context.drawImage(imageObj, 0, 0);
      };
      imageObj.src = json[0][i];





    }(i));

      
        }

for(z=0;z<json[3][0];z++){

  


(function(z)
    {
        
var dane = 'Id' + z;

var canvas = document.getElementById(dane);
      var context = canvas.getContext('2d');
context.fillStyle = "#FFFFFF";
context.fillRect(0, 0, 200, 250);
      var imageObj = new Image();
      

      imageObj.onload = function() {
        context.drawImage(imageObj, 0, 0);
      };
      imageObj.src = json[0][z];





    }(z));

      
        }





}
mrc
6.10.2015, 19:25:39
Jak mnie wnerwia, gdy ktoś pisząc o JavaScript gdziekolwiek umieszcza "Java". Korgan - Java != JavaScript. Wbij to sobie do głowy.
nospor
6.10.2015, 19:32:37
A ja spowodu raportu pozwole sobie dołączyć jeszcze obrazek

Może autorowi tematu szybciej to się wbije do głowy.

Uprzedzając kolejny raport, tym razem na mnie, napiszę: nie, to nie oznacza, ze jestemy nie mili. To oznacza, ze Java to co innego niż JavaScript. Jak juz bardzo chcesz uzywac skrotu, to pisz js
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.