Information Technology Reference
In-Depth Information
Zu dem Zeitpunkt, als dieses Buch geschrieben wurde, unterstützte kein Brow-
ser
@font-face
ohne Probleme. So findet bei Firefox der Webfont
Scriptina
in
der letzten Zeile nur dann den Weg in den Canvas, wenn er im HTML-Doku-
ment zumindest einmal verwendet wird. Ebenso fehlt bei Firefox die korrekte
Umsetzung von
small-caps
, weshalb auch das vorletzte Beispiel nicht richtig
angezeigt wird.
5.6.2 Horizontaler Textanfasspunkt
Zum Festlegen des Textanfasspunktes von Canvas-Texten in horizontaler Rich-
tung dient das Attribut
textAlign
.
context.textAlign = [
left | right | center | *start | end
]
Sind die Keywords
left
,
right
oder
center
noch vom CSS-Attribut
text-align
bekannt, handelt es sich bei
start
und
end
schon um CSS3-Erweiterungen, die
die Laufrichtung des Textes in Abhängigkeit von der jeweiligen Sprache be-
rücksichtigen. Schriften können nämlich nicht nur von links nach rechts, son-
dern wie im Fall von Arabisch oder Hebräisch, um nur zwei Beispiele zu nen-
nen, auch von rechts nach links laufen.
Abbildung 5.18 präsentiert die horizontalen Textanfasspunkte für Schriften mit
Textfluss
ltr
(left to right) und
rtl
(right to left) und verdeutlicht die Auswir-
kung der Richtungsabhängigkeit auf die Attribute
start
und
end
.
HINWEIS
Im Browser kann die Richtungsabhängigkeit eines Dokumentes über das glo-
bale Attribut
document.dir
geändert werden:
document.dir = [ *ltr | rtl ]