Looking for html5-canvas Keywords? Try Ask4Keywords

html5-canvasMedientypen und die Leinwand


Bemerkungen

In diesem Thema werden die verschiedenen Medientypen und deren Verwendung mit der Leinwand in der 2D-Oberfläche behandelt.

Medientypen haben generische und formatspezifische Kategorien

Medientypen

  • Animationen
  • Videos
  • Bilder
  • HD-Bilder
  • Vektorbild
  • Animierte Bilder

Medienformate

  • Jpg / Jpeg
  • Png
  • Gif
  • SVG
  • M-JPEG
  • Webm
  • Webp

Bilder

Es gibt eine Vielzahl von Bildformaten, die von Browsern unterstützt werden, aber kein Browser unterstützt sie alle. Wenn Sie über bestimmte Bildformate verfügen, die Wiki-Browser verwenden möchten, bieten unterstützte Bildformate einen guten Überblick.

Die beste Unterstützung gilt für die 3 Hauptformate "jpeg", "png" und "gif", wobei alle gängigen Browser Unterstützung bieten.

JPEG

JPEG-Bilder eignen sich am besten für Fotos und Fotos wie Bilder. Sie eignen sich nicht gut für Diagramme, Diagramme und Texte. JPEG-Bilder unterstützen keine Transparenz.

Canvas kann JPEG-Bilder über canvas.toDataURL und canvas.toBlob und bietet eine Qualitätseinstellung. Da JPEG keine Transparenz unterstützt, werden transparente Pixel für das endgültige Ausgabe-JPG mit Schwarz gemischt. Das resultierende Bild ist keine perfekte Kopie der Leinwand.

JPEG bei Wikipedia

PNG

PNG-Bilder sind Bilder von höchster Qualität und können auch einen Alphakanal für transparente Pixel enthalten. Die Bilddaten sind komprimiert, erzeugen jedoch keine Artefakte wie JPG-Bilder.

Aufgrund der verlustfreien Komprimierung und der Unterstützung des Alphakanals werden PNGs für Spiele, Komponentenbilder, Diagramme, Diagramme und Text verwendet. Wenn Sie sie für Fotos und Fotos wie Bilder verwenden, kann ihre Dateigröße viel größer als bei JPEG sein. .

Das PNG-Format bietet auch Animationsunterstützung, obwohl die Browserunterstützung begrenzt ist und der Zugriff auf die Animation zur Verwendung auf der Zeichenfläche nur über Javascript-APIs und -Bibliotheken möglich ist

Die Leinwand kann zum Kodieren von PNG-Bildern über canvas.toDataURL und canvas.toBlob das Ausgabeformat ist jedoch auf komprimiertes canvas.toDataURL canvas.toBlob RGBA-Format beschränkt. Das PNG liefert eine pixelgenaue Kopie der Leinwand.

PNG bei Wikipedia

GIF

GIFs werden für kurze Animationen verwendet, können aber auch verwendet werden, um Diagramme, Diagramme und Bilder in hoher Qualität bereitzustellen. GIFs verfügen über eine sehr begrenzte Farbunterstützung mit maximal 256 Farben pro Bild. Mit der Bildverarbeitung von Cleatern können GIF-Bilder besonders in der Animation überraschend gute Ergebnisse erzielen. Gifs bieten auch Transparenz, obwohl dies auf Ein oder Aus beschränkt ist

Wie bei PNG sind GIF-Animationen nicht direkt für die Verwendung auf der Leinwand zugänglich. Sie benötigen eine Javascript-API oder -Bibliothek, um Zugriff zu erhalten. GIF kann nicht über die Leinwand gespeichert werden und erfordert dazu eine API oder Bibliothek.

GIF auf Wikipedia

Medientypen und die Leinwand Verwandte Beispiele