HTML canvas font-egenskap
Definition och användning
font sätter eller returnerar de aktuella fontegenskaperna för textinnehållet på canvasen.
font Syntaksen för egenskapen CSS font egenskaplikad
Exempel
Skriv en text av 40 pixlar på canvas, använd texten "Arial":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
syntaks
context.font="italic small-caps bold 12px arial";
egenskapsvärde
| värde | beskrivning |
|---|---|
| font-style |
Bestämmer textens stil. Möjliga värden:
|
| font-variant |
Bestämmer textens variant. Möjliga värden:
|
| font-weight |
Bestämmer textens tygghet. Möjliga värden:
|
| font-size / line-height | Definierar storlek och radhöjd i pixel. |
| font-family | Definierar teckensnittsfamilj. |
| caption | Används för titelkontroller (t.ex. knappar, rullgardinslistor). |
| icon | Används för att markera ikoner. |
| menu | Används för teckensnitt i menyer (rullgardinslistor och menylistor). |
| message-box | Används för teckensnitt i dialogrutor. |
| small-caption | Används för att markera små kontroller. |
| status-bar | Används för teckensnitt i fönsterstatusfältet. |
Tekniska detaljer
| Standardvärde: | 10px sans-serif |
|---|
Webbläsarstöd
Numrerna i tabellen anger den första webbläsarversionen som helt stöder egenskapen.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Kommentar:Internet Explorer 8 och tidigare versioner stöder inte <canvas>-elementet.
