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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.