BierGarten100
Neues Mitglied
Hallo,
ich möchte gerne ein Bild in ein Canvas laden.
Soweit funktioniert es auch eigentlich, aber es lädt nur nach mehr maligen reloaden der Seite.
Mein Canvas sieht so aus:
<canvas id="menueCanvas">Dein Browser kann dieses Bild nicht darstellen.</canvas>
Meine "code.js" sieht so aus:
var ctx1 = document.getElementById('menueCanvas').getContext('2d');
var menue_background = new Image();
menue_background.src = "img/menue_background.jpg";
ctx1.drawImage(menue_background, 0, 0);
Normalerweise sollte es ja auch so funktionieren.
Aber er zeigt halt wenn ich die Seite lade erst mal nix an.
Ich muss die Seite immer neu laden damit das dann funktioniert ._.
Wie fix ich das ? :/
P.s.: Meine "style.css" sieht für das Canvas so aus:
#menueCanvas{
background: #cacaca;
border: #000 1px solid;
width: 600px;
height: 500px;
display: inline;
}
ich möchte gerne ein Bild in ein Canvas laden.
Soweit funktioniert es auch eigentlich, aber es lädt nur nach mehr maligen reloaden der Seite.
Mein Canvas sieht so aus:
<canvas id="menueCanvas">Dein Browser kann dieses Bild nicht darstellen.</canvas>
Meine "code.js" sieht so aus:
var ctx1 = document.getElementById('menueCanvas').getContext('2d');
var menue_background = new Image();
menue_background.src = "img/menue_background.jpg";
ctx1.drawImage(menue_background, 0, 0);
Normalerweise sollte es ja auch so funktionieren.
Aber er zeigt halt wenn ich die Seite lade erst mal nix an.
Ich muss die Seite immer neu laden damit das dann funktioniert ._.
Wie fix ich das ? :/
P.s.: Meine "style.css" sieht für das Canvas so aus:
#menueCanvas{
background: #cacaca;
border: #000 1px solid;
width: 600px;
height: 500px;
display: inline;
}
