15
Chcę wyświetlić obraz na płótnie i wstawić tekst na górze tego obrazu.Jak napisać tekst na górze obrazu w kanwie HTML5?
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var imageObj = new Image();
imageObj.onload = function() {
context.drawImage(imageObj, 10, 10);
};
imageObj.src = "darth-vader.jpg";
context.font = "40pt Calibri";
context.fillText("My TEXT!", 20, 20);
};
Otrzymuję tylko obraz tutaj, ale nie tekst; tekst znajduje się za obrazem. Jak wstawić tekst na górze obrazu?
Hej Jonas thanx za odpowiedzi ... Czy jest jakiś sposób, że można uzyskać tekst nad obrazu w przypadku Wspomniałem powyżej ... ??????? –
@RajeshRs: Tak, użyj mniejszej wartości dla współrzędnej Y dla tekstu. – Jonas
@ Jonas Cześć Jonas, czy umiesz umieścić obraz na płótnie? Czy to możliwe? – ggDeGreat