Name

ImageData — Ein Array mit Pixeldaten aus einem <canvas>orm:availability: orm:inherits-from:

Synopsis

Ein ImageData-Objekt enthält die roten, grünen, blauen und Alpha-Komponenten eines rechteckigen Bereichs mit Pixeln. Sie erhalten ein ImageData-Objekt mit den Methoden createImageData() oder getImageData() des CanvasRenderingContext2D-Objekts eines <canvas>-Tags.

Die width- und height-Eigenschaften geben die Dimensionen des Pixel-Rechtecks an. Die data-Eigenschaft ist ein Array mit den Pixeldaten. Die Pixel finden sich im data[]-Array von links nach rechts und von oben nach unten. Jedes Pixel besteht aus vier Bytes für die Komponenten R, G, B und A (in dieser Reihenfolge). Somit lassen sich die Farbkomponenten für ein Pixel (x,y) in einem ...

Get JavaScript: Das umfassende Referenzwerk, Sixth Edition 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.