Desen text pe pânză
Pentru a desena text pe o pânză, cea mai importantă proprietate și metode sunt:
- font - definește proprietățile de font pentru text
- fillText( text,x,y ) - atrage "filled" text pe panza
- strokeText( text,x,y ) - se bazează textul pe pânză (no fill)
Utilizarea fillText()
Exemplu
Setați fontului la 30px "Arial" și scrie un text plin pe pânză:
JavaScript:
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px Arial";
ctx.fillText("Hello World",10,50); Încearcă - l singur » Utilizarea strokeText()
Exemplu
Setați fontului la 30px "Arial" și scrie un text, fără umplere, pe pânză:
JavaScript:
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px Arial";
ctx.strokeText("Hello World",10,50); Încearcă - l singur » Adăugați culoare și Centrul de text
Exemplu
Set de fonturi pentru a 30px "Comic Sans MS" și scrie un text roșu umplut în centrul panzei:
JavaScript:
var
canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px Comic Sans MS";
ctx.fillStyle = "red";
ctx.textAlign = "center";
ctx.fillText("Hello World", canvas.width/2, canvas.height/2);
Încearcă - l singur »