From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/de/web/html/element/canvas/index.html | 110 ++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 files/de/web/html/element/canvas/index.html (limited to 'files/de/web/html/element/canvas/index.html') diff --git a/files/de/web/html/element/canvas/index.html b/files/de/web/html/element/canvas/index.html new file mode 100644 index 0000000000..e4247626de --- /dev/null +++ b/files/de/web/html/element/canvas/index.html @@ -0,0 +1,110 @@ +--- +title: +slug: Web/HTML/Element/canvas +translation_of: Web/HTML/Element/canvas +--- +

Übersicht

+

Das Canvas Element ist ein großer Fortschritt in der Entwicklung des HTML, bietet es doch die Möglichkeit zur dynamischen Darstellung grafischer Informationen. Dazu wird eine Canvas (engl. Leinwand) definiert und mittels JavaScript verschiedene Methoden zur Anwendung gebracht und Attribute gesetzt (siehe Canvas Attribute). Es sollte ein Fallbackinhalt in den <canvas>Tag eingefügt werden, welcher nur angezeigt wird, wenn Browser das <canvas> Element nicht unterstützt oder Javascript deaktiviert ist.

+

Attribute

+

Dieses Element unterstützt die globalen Attribute.

+
+
+ {{htmlattrdef("width")}}
+
+ Die Breite in Pixel. Standard ist 300px.
+
+ {{htmlattrdef("height")}}
+
+ Die Höhe in Pixel. Standard ist 150px.
+
+

{{Note("Die Größe des canvas kann auch via CSS geändert werden. Das Bild wird hierzu gestreckt um die per CSS definierte Größe zu erreichen.")}}

+

Beispiele

+
<canvas id="canvas" width="300" height="300">
+  Dein Browser unterstützt das &lt;canvas&gt; Element anscheinend nicht.
+</canvas>
+
+

Spezifikationen

+ + + + + + + + + + + + + + + + + + + + +
SpezifikationStatusKommentar
{{SpecName('HTML WHATWG', 'the-canvas-element.html#the-canvas-element', '<canvas>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'the-canvas-element.html#the-canvas-element', '<canvas>')}}{{Spec2('HTML5 W3C')}} 
+

Browserkompatibilität

+

{{CompatibilityTable}}

+
+ + + + + + + + + + + + + + + + + + + +
FunktionChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.0{{CompatGeckoDesktop("1.8")}}9.09.02.0
+
+
+ + + + + + + + + + + + + + + + + + + +
FunktionFirefox Mobile (Gecko)AndroidIE MobileOpera MobileSafari Mobile
Basic support{{CompatGeckoMobile("1.8")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}1.0
+
+

Browserspezifische Hinweise

+

Firefox (Gecko)

+ +

See also

+ +
+ {{HTMLRef}}
+

{{ languages( { "de": "de/HTML/Element/canvas", "en": "en/HTML/Element/canvas", "es": "es/HTML/Elemento/canvas", "ja": "ja/HTML/Element/canvas", "ko": "ko/HTML/Element/canvas", "nl": "nl/HTML/HTML_Tags/canvas", "pl": "pl/HTML/Element/canvas", "ru": "Ru/HTML/Element/canvas", "zh-cn": "cn/HTML/Element/canvas", "fr": "fr/HTML/Element/canvas" } ) }}

-- cgit v1.2.3-54-g00ecf