Wariant czcionki (HTML5 canvas)

Wariant czcionki

Ustawienia czcionki podajemy w następującej kolejności: “styl wariant grubość wielkość nazwa”

Każdą z wartości domyślnych określonych jako ‘normal’ można pominąć, np.
‘normal normal normal 16px courier’ możemy podać jako:
font='16px courier'

Można podać następujące wartości wariantu:

• normal – czcionka normalna
• small-caps – kapitaliki (drukowane litery)

Jeśli wariant nie jest podany domyślną wartością jest normal.

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"

Listing

	var cv = document.getElementById("canvas");
	var ctx = cv.getContext("2d");
	ctx.font = "normal normal 16px sans-serif";
	ctx.fillText('normal normal 16px san-serif', 20, 20);
	ctx.font = "small-caps normal 16px sans-serif";
	ctx.fillText('small-caps normal 16px san-serif', 20, 50);
	ctx.font = "small-caps bold 16px sans-serif";
	ctx.fillText('small-caps bold 16px san-serif', 20, 80);