A font tulajdonság
A font tulajdonság határozza meg a betűstílus beállításait
amikor az a canvas-re rajzolódik a
fillText
metódussal vagy a strokeText metódussal.
A metódus ugyanazokat a paramétereket fogadja el, mint a
CSS font tulajdonsága.
Szintaxis
kontextus.font = betűstílus beállítások;
Példa
Rajzoljunk a canvas-re szöveget a
fillText
metódussal, és állítsuk be a méretét 30px-re és a típust
Arial-ra a font tulajdonsággal:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);
:
Lásd még
-
a
textAligntulajdonság,
amely vízszintesen igazítja a szöveget -
a
textBaselinetulajdonság,
amely függőlegesen igazítja a szöveget
