Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1046952 of Graphiken im Internet

  • Adressname der Version: Web/Guide/Graphics
  • Titel der Version: Graphics on the Web
  • ID der Version: 1046952
  • Erstellt:
  • Autor: Aloso
  • Aktuelle Version? Nein
  • Kommentar

Inhalt der Version

Moderne Websites und Web-Anwendungen müssen oft Graphiken darstellen. Statische Bilder können leicht mit einem {{HTMLElement("img")}}-Element oder als Hintergrund eines Elements mit der {{cssxref("background-image")}} Eigenschaft angezeigt werden. Oft will man aber Graphiken auf die Schnelle erzeugen oder Bilder im Nachhinein manipulieren. Diese Artikel bieten einen Einblick, wie das erreicht werden kann.

2D Graphiken

Canvas
Das {{HTMLElement("canvas")}}-Element bietet APIs zum Zeichnen von 2D Graphiken mithilfe von Javascript.
SVG
Mit skalierbaren Vektorgraphiken (SVG) kannst du Linien, Kurven und andere geometrische Figuren anzeigen. Durch Vermeidung von Pixelgraphiken sind diese in jeder Größe gestochen scharf.

View All...

3D Graphiken

WebGL
Eine Anleitung für den Einstieg in WebGL, die API für 3D Graphiken im Internet. Mit dieser Technologie kannst du Standard OpenGL ES in Webinhalten nutzen.

Video

HTML5 Audio und Video
Videos in HTML-Dokumente einbetten und die Wiedergabe kontrollieren.
WebRTC
Das RTC aus WebRTC steht für "Real-Time Communications", eine Technologie zum Streamen von Audio, Video und anderen Daten zwischen Browser-Clients (Peers).

 

Quelltext der Version

<p><span class="seoSummary">Moderne Websites und Web-Anwendungen müssen oft Graphiken darstellen.</span> Statische Bilder können leicht mit einem {{HTMLElement("img")}}-Element oder als Hintergrund eines Elements mit der {{cssxref("background-image")}} Eigenschaft angezeigt werden. Oft will man aber Graphiken auf die Schnelle erzeugen oder Bilder im Nachhinein manipulieren. <span class="seoSummary">Diese Artikel bieten einen Einblick, wie das erreicht werden kann.</span></p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">2D Graphiken</h2>

<dl>
 <dt><a href="/en-US/docs/HTML/Canvas">Canvas</a></dt>
 <dd><em>Das {{HTMLElement("canvas")}}-Element bietet </em><em>APIs zum Zeichnen von 2D Graphiken mithilfe von Javascript.</em></dd>
 <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
 <dd><em>Mit skalierbaren Vektorgraphiken (SVG) kannst du Linien, Kurven und andere geometrische Figuren anzeigen. Durch Vermeidung von Pixelgraphiken sind diese in jeder Größe gestochen scharf.</em></dd>
</dl>

<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">View All...</a></span></p>
</div>

<div class="section">
<h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">3D Graphiken</h2>

<dl>
 <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
 <dd><em>Eine Anleitung für den Einstieg in WebGL, die API für 3D Graphiken im Internet. Mit dieser Technologie kannst du Standard OpenGL ES in Webinhalten nutzen.</em></dd>
</dl>

<h2 id="Video">Video</h2>

<dl>
 <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">HTML5 Audio und Video</a></dt>
 <dd><em>Videos in HTML-Dokumente einbetten und die Wiedergabe kontrollieren.</em></dd>
 <dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt>
 <dd><em>Das RTC aus WebRTC steht für "Real-Time Communications", eine Technologie zum Streamen von Audio, Video und anderen Daten zwischen Browser-Clients (Peers).</em></dd>
</dl>
</div>
</div>

<p>&nbsp;</p>
Zu dieser Version zurücksetzen