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

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