Bilder
Neben Vektorgrafiken (Pfaden, Linien usw.) unterstützt die
Canvas-API auch Bitmap-Bilder. Die Methode
drawImage() kopiert die Pixel einer Bildquelle
(oder eines rechteckigen Ausschnitts der Bildquelle) auf das Canvas und
skaliert und rotiert dabei die Pixel des Bilds nach Bedarf.
drawImage() kann mit drei, fünf
oder neun Argumenten aufgerufen werden. Bei allen Aufrufformen ist das
erste Argument die Bildquelle, aus der die Pixel kopiert werden sollen.
Dieses Bildargument ist häufig ein <img>-Element oder ein Bild, das im
Hintergrund mit dem Image()-Konstruktor erstellt wurde, kann aber
auch ein anderes <canvas>-Element oder sogar ein <video>-Element sein. Geben Sie ein
<img>- oder <video>-Tag an, dessen Daten noch geladen werden, tut der ...
Get Canvas kurz & gut now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
