Canvas - HTML5 - page 137

Abbildung 5.15: Attribute für Linienstile
Die Linienbreite lineWidth wird in Pixel angegeben, ihr Defaultwert liegt bei
1.0. Sie gilt, wie die beiden anderen Linienattribute, nicht nur für Linien und
Polygone, sondern auch für Rechtecke, die mit strokeRect() erstellt wurden.
Das Linienende lineCap kann entweder gekappt ( butt ), rund ( round ) oder qua-
dratisch ( square ) mit butt als Standardwert sein. Wird round verwendet, erfolgt
die Abrundung der Linie durch Hinzufügen eines Halbkreises am Linienende
mit halber lineWidth als Radius. Bei der Methode square wird der Halbkreis
durch ein Rechteck mit halber Linienbreite als Höhe ersetzt.
Abgeschrägte Linienverbindungen erzeugt das Attribut lineJoin über bevel ;
für die Abrundung der Ecken steht round zur Verfügung, und spitze Eckverbin-
dungen, vergleichbar einer Gehrung, erhält man durch miter , das gleichzeitig
Defaultwert ist. Um zu verhindern, dass über miter verbundene Linien zu spitz
werden, hält die Spezifikation das Attribut miterLimit mit Standardwert 10.0
bereit. Dabei handelt es sich um das Verhältnis von Länge der Spitze (das ist
der Abstand zwischen dem Schnittpunkt der Linien und der Spitze) zur halben
Linienbreite. Wird miterlimit überschritten, erfolgt das Kappen der Spitze, wo-
durch der gleiche Effekt wie bei bevel entsteht.