Bilder

IE[a]

Firefox

Safari

Chrome

Opera

iPhone

Android

7.0+

3.0+

3.0+

3.0+

10.0+

1.0+

1.0+

[a] Der Internet Explorer benötigt die externe Bibliothek explorercanvas.

Abbildung 4.12 zeigt das Bild einer Katze, das mit einem <img>-Element angezeigt wird .

Katze mit einem <img>-Element

Abbildung 4.12 Katze mit einem <img>-Element

Abbildung 4.13 zeigt die gleiche Katze, aber auf ein Canvas gezeichnet.

Katze mit einem <canvas>-Element

Abbildung 4.13 Katze mit einem <canvas>-Element

Der Canvas-Zeichenkontext definiert verschiedene Methoden, um Bilder auf ein Canvas zu zeichnen:

  • drawImage(Bild, dx, dy)

Get Durchstarten mit HTML5 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.