Canvas font egenskab

Canvas referencemanual

Definition og brug

font egenskab til at sætte eller returnere de nuværende skrifttypeegenskaber for teksten på canvas.

font Syntaksen for egenskaben bruges som CSS font egenskabSamme.

Eksempel

Skriv en 40 pixels tekst på canvas, brug skrifttype "Arial":

Din browser understøtter ikke canvas-tagget.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);

Prøv det selv

Syntaks

context.font="italic small-caps bold 12px arial";

Egenskabsværdi

Værdi Beskrivelse
font-style

Definer skriftstil. Mulige værdier:

  • normal
  • italic
  • oblique
font-variant

Definer skriftvariant. Mulige værdier:

  • normal
  • small-caps
font-weight

Definer skrifttykkelse. Mulige værdier:

  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
font-size / line-height Definer skriftstørrelse og linjehøjde i pixels.
font-family Definer skrifttypefamilie.
caption Brug skrifttype til titelkontroller (f.eks. knapper, træk- og faldmenuer).
icon Brug skrifttype til ikoner.
menu Brug skrifttype til menuer (træk- og faldmenuer og menuer).
message-box Brug skrifttype til dialoger.
small-caption Brug skrifttype til at markere små kontroller.
status-bar Brug skrifttypen til brugergrænsefladens statuslinje.

Tekniske detaljer

Standardværdi: 10px sans-serif

Browserstøtte

Tal 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 tidligere versioner understøtter ikke <canvas>-elementet.

Canvas referencemanual