HTML canvas font-egenskab
Definition og brug
font indstiller eller returnerer de nuværende skrifttypeegenskaber for teksten på canvas.
font syntaksen for egenskaben CSS font egenskabsamme
Eksempel
Skriv et stykke 40 pixels tekst på canvas, brugende skrifttypen "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";
egenskabsværdi
| værdi | beskrivelse |
|---|---|
| font-style |
fastsætte skrifttypens stil. Mulige værdier:
|
| font-variant |
fastsætte skrifttypens variant. Mulige værdier:
|
| font-weight |
fastsætte skrifttypens tykkelse. Mulige værdier:
|
| font-size / line-height | Definerer skriftstørrelse og liniehøjde i pixels. |
| font-family | Definerer skrifttypefamilie. |
| caption | Brug skrifttypen til titelskontroller (f.eks. knapper, rulnedfaldslisten osv.). |
| icon | Brug skrifttypen til ikoner. |
| menu | Brug skrifttypen til menuer (rulnedfaldslisten og menulisten). |
| message-box | Brug skrifttypen til dialoger. |
| small-caption | Brug skrifttypen til små kontroller. |
| status-bar | Brug skrifttypen til vinduesstatuslinjen. |
Tekniske detaljer
| Standardværdi: | 10px sans-serif |
|---|
Browser Support
Tallet i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Bemærk:Internet Explorer 8 og ældre versioner understøtter ikke <canvas> elementet.
