Java Reference
In-Depth Information
shadowOffsetY = 10;
shadowColor = "lightray";
shadowBlur = 10;
illText("42", 25, 270);
strokeText("42", 25, 270);
}
};
Bild 14.26■
Verschiedene Schattenefekte
14.5.1.13■Transformationen
Mittels Transformationen können Sie Bestandteile der graischen Ausgabe verschieben,
drehen, skalieren und verzerren. Sie inden im API dazu die verschiedenen Transformatio-
nen über geeignete Methoden. Insbesondere beim Einsatz von mehreren graischen Formen
oder Pfaden in einem visuellen Kontext müssen Sie Transformationen (meist Verschiebun-
gen) vornehmen, denn ansonsten verdecken sich diese möglicherweise, wobei Letzteres
insbesondere bei graischen Formen und Pfaden auch ot gewünscht wird, um diese (teil-
weise) zu überlagern.
Verschieben
Die Methode
translate(x,
y)
verschiebt den Zeichenbereich des
Canvas
samt seinem
Ursprung zu den angegebenen Koordinaten. Das Verschieben des Zeichenbereichs ist
grundlegend, denn alle Translationen verschieben den Zeichenbereich und agieren bei fol-
genden Zeichenaktionen von dessen neuem Ursprung aus.
Betrachten wir das Beispiel
kap14_25.html:
Listing 14.53■
Die Basiswebseite
...
<script type="text/javascript" src="lib/js/kap14_25.js"></script>
</head>
<body>
<h1>Ein dynamischer Canvas-Bereich</h1>
<canvas width="650" height="450" id="cv1">
Hier sollte der erste Canvas-Bereich zu sehen sein</canvas>
<hr /><button id="b1">Verschieben und neu Zeichnen</button>
</body>
</html>
Search WWH ::
Custom Search