Information Technology Reference
In-Depth Information
Formats. Das scheint nicht viel zu sein, doch auf den zweiten Blick wird klar,
dass sich auch hinter vier Seiten Spezifikation gut durchdachte Details verste-
cken können.
5.6.1 Fonts
Die Definition des Font-Attributs verweist kurzerhand auf die CSS-Spezifika-
tion und legt fest, dass
context.font
der gleichen Syntax unterliegt wie die
CSS-
font
-Kurznotation.
context.font = [ CSS font Eigenschaft ]
Auf diese Weise können alle Font-Eigenschaften bequem in einem einzigen
String spezifiziert werden. Tabelle 5.2 zeigt die einzelnen Komponenten und
listet deren mögliche Werte auf.
Eigenschaft
Werte
font-style
*normal, italic, oblique
font-variant
*normal, small-caps
font-weight
*normal, bold, bolder, lighter
100, 200, 300, 400, 500, 600, 700, 800, 900
font-size
xx-small, x-small, small, *medium,
large, x-large, xx-large, larger, smaller
em, ex, px, in, cm, mm, pt, pc, %
line-height
*normal, <Nummer>, em, ex, px, in, cm, mm, pt, pc, %
font-family
Schriftfamilie oder generische Schriftfamilie wie serif,
sans-serif, cursive, fantasy, monospace
Tabelle 5.2:
Die Komponenten der CSS-»font«-Eigenschaft
Beim Zusammensetzen des
font
-Attributs sind nur die Eigenschaften
font-
size
und
font-family
zwingend anzugeben. Alle anderen können entfallen und
nehmen dann ihre in der Tabelle durch einen Stern gekennzeichneten Stan-
dardwerte ein. Da Text in Canvas keine Zeilenumbrüche kennt, ist auch das
Attribut
line-height
ohne Wirkung und wird in jedem Fall ignoriert. Das berei-
nigte Muster beim Zusammensetzen der Komponenten lautet damit:
context.font = [
font-style font-variant font-weight font-size font-family
]
