Canvas (HTML-Element) - Versionsgeschichte

185.92.76.69: /* Weblinks */

2021-05-19T06:12:59Z

Weblinks

← Nächstältere Version		Version vom 19. Mai 2021, 08:12 Uhr
Zeile 33:		Zeile 33:
	* [http://www.w3.org/TR/html5/embedded-content-0.html#the-canvas-element Offizielle Canvas-Beschreibung] (englisch)		* [http://www.w3.org/TR/html5/embedded-content-0.html#the-canvas-element Offizielle Canvas-Beschreibung] (englisch)
	* [http://www.ajaxschmiede.de/canvas/einfuehrung-in-canvas/ Einführung in Canvas]		* [http://www.ajaxschmiede.de/canvas/einfuehrung-in-canvas/ Einführung in Canvas]
	* [https://developer.mozilla.org/en/~~Canvas_tutorial~~ Ausführliches Canvas-Tutorial bei Mozilla.org] (englisch)		* [https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial Ausführliches Canvas-Tutorial bei Mozilla.org] (englisch)
	* [http://canvas.quaese.de/ canvas.quaese.de] – Dokumentation, Einleitungen mit Beispielen, weiterführende Links		* [http://canvas.quaese.de/ canvas.quaese.de] – Dokumentation, Einleitungen mit Beispielen, weiterführende Links

MTheiler: Ref. hinzugefügt

2019-01-18T15:11:44Z

Ref. hinzugefügt

← Nächstältere Version		Version vom 18. Januar 2019, 17:11 Uhr
Zeile 1:		Zeile 1:
	Ein '''Canvas'''-Element (vom englischen ''{{lang\|en\|canvas}}'' für „[[Leinwand]]“ oder „[[Gemälde]]“) ist ein – in der Sprache [[Hypertext Markup Language\|HTML]] – mit Höhen- und Breiten-Angaben beschriebener Bereich, in den per [[JavaScript]] gezeichnet werden kann. Ursprünglich von der Firma [[Apple]] als Bestandteil des [[WebKit]] entwickelt, ist es später von der Arbeitsgruppe [[Web Hypertext Application Technology Working Group\|WHATWG]] als Bestandteil der Auszeichnungssprache [[HTML5]] standardisiert worden.		Ein '''Canvas'''-Element (vom englischen ''{{lang\|en\|canvas}}'' für „[[Leinwand]]“ oder „[[Gemälde]]“) ist ein – in der Sprache [[Hypertext Markup Language\|HTML]] – mit Höhen- und Breiten-Angaben beschriebener Bereich, in den per [[JavaScript]] gezeichnet werden kann.<ref>{{Internetquelle \|autor= \|url=https://www.privacy-handbuch.de/handbuch_21t.htm \|titel=Fingerprinting mit HTML5 Canvas Elementen blockieren \|werk=Privacy-Handbuch \|hrsg= \|datum= \|zugriff=2019-01-18 \|sprache=}}</ref> Ursprünglich von der Firma [[Apple]] als Bestandteil des [[WebKit]] entwickelt, ist es später von der Arbeitsgruppe [[Web Hypertext Application Technology Working Group\|WHATWG]] als Bestandteil der Auszeichnungssprache [[HTML5]] standardisiert worden.

	== Fähigkeiten ==		== Fähigkeiten ==

Michaelcmueller: /* Unterstützung */ Quelle ergänzt

2018-04-26T08:39:06Z

Unterstützung: Quelle ergänzt

← Nächstältere Version		Version vom 26. April 2018, 10:39 Uhr
Zeile 21:		Zeile 21:

	== Unterstützung ==		== Unterstützung ==
	Canvas wird von aktuellen Browsern nativ unterstützt.		Canvas wird von aktuellen Browsern nativ unterstützt.<ref>{{cite web\|url=http://caniuse.com/#search=canvas\|title=Support tables for HTML5, CSS3, etc\|publisher=\|date=\|accessdate=26. April 2018}}</ref>

	Microsofts [[Internet Explorer]] unterstützt Canvas ab Version 9. Alte Versionen können jedoch mit [[Plug-in\|Plugins]], welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.<ref>{{cite web\|url=http://arstechnica.com/software/news/2008/08/mozilla-drags-ie-into-the-future-with-canvas-element-plugin.ars\|title="Mozilla drags IE into the future with Canvas element plugin"\|publisher=Ars Technica\|date=\|accessdate=27. Juli 2011}}</ref><ref>{{cite web\|url=http://excanvas.sourceforge.net/\|title="ExplorerCanvas"\|publisher=Sourceforge\|date=\|accessdate=29. November 2011}}</ref>		Microsofts [[Internet Explorer]] unterstützt Canvas ab Version 9. Alte Versionen können jedoch mit [[Plug-in\|Plugins]], welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.<ref>{{cite web\|url=http://arstechnica.com/software/news/2008/08/mozilla-drags-ie-into-the-future-with-canvas-element-plugin.ars\|title="Mozilla drags IE into the future with Canvas element plugin"\|publisher=Ars Technica\|date=\|accessdate=27. Juli 2011}}</ref><ref>{{cite web\|url=http://excanvas.sourceforge.net/\|title="ExplorerCanvas"\|publisher=Sourceforge\|date=\|accessdate=29. November 2011}}</ref>

Michaelcmueller: /* Unterstützung */ aktualisiert, Informationen zusammengefasst

2018-04-25T05:36:46Z

Unterstützung: aktualisiert, Informationen zusammengefasst

← Nächstältere Version		Version vom 25. April 2018, 07:36 Uhr
Zeile 21:		Zeile 21:

	== Unterstützung ==		== Unterstützung ==
			Canvas wird von aktuellen Browsern nativ unterstützt.

		⚫	Microsofts [[Internet Explorer]] unterstützt Canvas ab Version 9. Alte Versionen können jedoch mit [[Plug-in\|Plugins]], welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.<ref>{{cite web\|url=http://arstechnica.com/software/news/2008/08/mozilla-drags-ie-into-the-future-with-canvas-element-plugin.ars\|title="Mozilla drags IE into the future with Canvas element plugin"\|publisher=Ars Technica\|date=\|accessdate=27. Juli 2011}}</ref><ref>{{cite web\|url=http://excanvas.sourceforge.net/\|title="ExplorerCanvas"\|publisher=Sourceforge\|date=\|accessdate=29. November 2011}}</ref>
	Canvas wird nativ (also ohne [[Plug-in\|Plug-Ins]]) von den aktuellen Versionen der Browser [[Internet Explorer]], [[Mozilla Firefox\|Firefox]], [[Opera (Browser)\|Opera]], [[Apple Safari]] und [[Google Chrome\|Chrome]] unterstützt.

	Alte Versionen des Internet Explorers, die heutzutage noch immer weit verbreitet sind, bieten keine Unterstützung für Canvas, da sie veröffentlicht wurden, bevor das Canvas-Element standardisiert wurde.

	Hier ist eine genaue Übersicht des Canvas-Supports der beliebtesten Browser (beinhaltet die letzten 4 Veröffentlichungen):<ref>{{cite web\|url=http://caniuse.com/#search=canvas\|title=Compatibility tables for support of HTML5, CSS3, SVG\|publisher=\|date=\|accessdate=28. März 2012}}</ref>

	{\| class="wikitable" style="text-align: center; background-color:#FFFFFF; margin-left:20px;"
	\|-class="hintergrundfarbe2"
	!    Internet Explorer   !!    Mozilla Firefox    !!   Apple Safari   !!   Google Chrome   !!   Opera   !!   iOS Safari    !!   Opera Mobile   !!   Android Browser
	\|-
	\|{{Version\|o\|6.0}} \|\|{{Version\|co\|3.6}} \|\|{{Version\|co\|3.2}} \|\|{{Version\|co\|14.0}} \|\|{{Version\|co\|11.0}} \|\|{{Version\|co\|3.2}} \|\| {{Version\|co\|10.0}} \|\| {{Version\|co\|2.2}}
	\|-
	\|{{Version\|o\|7.0}} \|\|{{Version\|co\|9.0}} \|\|{{Version\|co\|4.0}} \|\|{{Version\|co\|15.0}} \|\|{{Version\|co\|11.1}} \|\|{{Version\|co\|4.0 - 4.1}} \|\| {{Version\|co\|11.0}} \|\| {{Version\|co\|2.3}}
	\|-
	\|{{Version\|o\|8.0}} \|\|{{Version\|co\|10.0}} \|\|{{Version\|co\|5.0}} \|\|{{Version\|co\|16.0}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.2 - 4.3}} \|\|{{Version\|co\|11.1}} \|\| {{Version\|co\|3.0}}
	\|-
	\|{{Version\|co\|9.0}} \|\|{{Version\|co\|14.0}} \|\|{{Version\|co\|6.0}} \|\|{{Version\|co\|21.0}} \|\|{{Version\|co\|12.0}} \|\|{{Version\|co\|5.0 - 5.1}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.0}}
	\|-
	\|{{Version\|co\|10.0}} \|\|{{Version\|co\|29.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|34.0}} \|\|{{Version\|co\|22.0}} \|\|{{Version\|co\|6.0 - 6.1}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.2-4.3}}
	\|-
	\|{{Version\|co\|11.0}} \|\|{{Version\|co\|30.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|35.0}} \|\|{{Version\|co\|22.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.4}}
	\|}

⚫	~~Die~~ ~~alten~~ ~~Versionen~~ ~~des~~ ~~Internet~~ ~~Explorers~~ können jedoch mit Plugins, welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.<ref>{{cite web\|url=http://arstechnica.com/software/news/2008/08/mozilla-drags-ie-into-the-future-with-canvas-element-plugin.ars\|title="Mozilla drags IE into the future with Canvas element plugin"\|publisher=Ars Technica\|date=\|accessdate=27. Juli 2011}}</ref><ref>{{cite web\|url=http://excanvas.sourceforge.net/\|title="ExplorerCanvas"\|publisher=Sourceforge\|date=\|accessdate=29. November 2011}}</ref>

	== Siehe auch ==		== Siehe auch ==

Trustable: tiefere Kategorie

2017-03-23T08:34:26Z

tiefere Kategorie

← Nächstältere Version		Version vom 23. März 2017, 10:34 Uhr
Zeile 32:		Zeile 32:
	!    Internet Explorer   !!    Mozilla Firefox    !!   Apple Safari   !!   Google Chrome   !!   Opera   !!   iOS Safari    !!   Opera Mobile   !!   Android Browser		!    Internet Explorer   !!    Mozilla Firefox    !!   Apple Safari   !!   Google Chrome   !!   Opera   !!   iOS Safari    !!   Opera Mobile   !!   Android Browser
	\|-		\|-
	\|{{Version\|o\|6.0}} \|\|{{Version\|co\|3.6}} \|\|{{Version\|co\|3.2}} \|\|{{Version\|co\|14.0}} \|\|{{Version\|co\|11.0}} \|\|{{Version\|co\|3.2}} \|\| {{Version\|co\|10.0}} \|\| {{Version\|co\|2.2}}		\|{{Version\|o\|6.0}} \|\|{{Version\|co\|3.6}} \|\|{{Version\|co\|3.2}} \|\|{{Version\|co\|14.0}} \|\|{{Version\|co\|11.0}} \|\|{{Version\|co\|3.2}} \|\| {{Version\|co\|10.0}} \|\| {{Version\|co\|2.2}}
	\|-		\|-
	\|{{Version\|o\|7.0}} \|\|{{Version\|co\|9.0}} \|\|{{Version\|co\|4.0}} \|\|{{Version\|co\|15.0}} \|\|{{Version\|co\|11.1}} \|\|{{Version\|co\|4.0 - 4.1}} \|\| {{Version\|co\|11.0}} \|\| {{Version\|co\|2.3}}		\|{{Version\|o\|7.0}} \|\|{{Version\|co\|9.0}} \|\|{{Version\|co\|4.0}} \|\|{{Version\|co\|15.0}} \|\|{{Version\|co\|11.1}} \|\|{{Version\|co\|4.0 - 4.1}} \|\| {{Version\|co\|11.0}} \|\| {{Version\|co\|2.3}}
Zeile 62:		Zeile 62:
	<references />		<references />

	[[Kategorie:~~ECMAScript~~]]		[[Kategorie:JavaScript-Programmierschnittstelle]]
	[[Kategorie:Programmierschnittstelle]]

Trustable: Kat.

2017-03-23T08:26:48Z

Kat.

← Nächstältere Version		Version vom 23. März 2017, 10:26 Uhr
Zeile 3:		Zeile 3:
	== Fähigkeiten ==		== Fähigkeiten ==

	[[Datei:HTML5_Canvas_referenz.png\|~~miniatur~~\|Canvas-Referenzkarte]]		[[Datei:HTML5_Canvas_referenz.png\|mini\|Canvas-Referenzkarte]]

	Neben normalen Linien- und Rechteckszeichenfunktionen ermöglicht Canvas unter anderem das Zeichnen von:		Neben normalen Linien- und Rechteckszeichenfunktionen ermöglicht Canvas unter anderem das Zeichnen von:
Zeile 32:		Zeile 32:
	!    Internet Explorer   !!    Mozilla Firefox    !!   Apple Safari   !!   Google Chrome   !!   Opera   !!   iOS Safari    !!   Opera Mobile   !!   Android Browser		!    Internet Explorer   !!    Mozilla Firefox    !!   Apple Safari   !!   Google Chrome   !!   Opera   !!   iOS Safari    !!   Opera Mobile   !!   Android Browser
	\|-		\|-
	\|{{Version\|o\|6.0}} \|\|{{Version\|co\|3.6}} \|\|{{Version\|co\|3.2}} \|\|{{Version\|co\|14.0}} \|\|{{Version\|co\|11.0}} \|\|{{Version\|co\|3.2}} \|\| {{Version\|co\|10.0}} \|\| {{Version\|co\|2.2}}		\|{{Version\|o\|6.0}} \|\|{{Version\|co\|3.6}} \|\|{{Version\|co\|3.2}} \|\|{{Version\|co\|14.0}} \|\|{{Version\|co\|11.0}} \|\|{{Version\|co\|3.2}} \|\| {{Version\|co\|10.0}} \|\| {{Version\|co\|2.2}}
	\|-		\|-
	\|{{Version\|o\|7.0}} \|\|{{Version\|co\|9.0}} \|\|{{Version\|co\|4.0}} \|\|{{Version\|co\|15.0}} \|\|{{Version\|co\|11.1}} \|\|{{Version\|co\|4.0 - 4.1}} \|\| {{Version\|co\|11.0}} \|\| {{Version\|co\|2.3}}		\|{{Version\|o\|7.0}} \|\|{{Version\|co\|9.0}} \|\|{{Version\|co\|4.0}} \|\|{{Version\|co\|15.0}} \|\|{{Version\|co\|11.1}} \|\|{{Version\|co\|4.0 - 4.1}} \|\| {{Version\|co\|11.0}} \|\| {{Version\|co\|2.3}}
	\|-		\|-
	\|{{Version\|o\|8.0}} \|\|{{Version\|co\|10.0}} \|\|{{Version\|co\|5.0}} \|\|{{Version\|co\|16.0}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.2 - 4.3}} \|\|{{Version\|co\|11.1}} \|\| {{Version\|co\|3.0}}		\|{{Version\|o\|8.0}} \|\|{{Version\|co\|10.0}} \|\|{{Version\|co\|5.0}} \|\|{{Version\|co\|16.0}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.2 - 4.3}} \|\|{{Version\|co\|11.1}} \|\| {{Version\|co\|3.0}}
	\|-		\|-
	\|{{Version\|co\|9.0}} \|\|{{Version\|co\|14.0}} \|\|{{Version\|co\|6.0}} \|\|{{Version\|co\|21.0}} \|\|{{Version\|co\|12.0}} \|\|{{Version\|co\|5.0 - 5.1}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.0}}		\|{{Version\|co\|9.0}} \|\|{{Version\|co\|14.0}} \|\|{{Version\|co\|6.0}} \|\|{{Version\|co\|21.0}} \|\|{{Version\|co\|12.0}} \|\|{{Version\|co\|5.0 - 5.1}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.0}}
	\|-		\|-
	\|{{Version\|co\|10.0}} \|\|{{Version\|co\|29.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|34.0}} \|\|{{Version\|co\|22.0}} \|\|{{Version\|co\|6.0 - 6.1}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.2-4.3}}		\|{{Version\|co\|10.0}} \|\|{{Version\|co\|29.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|34.0}} \|\|{{Version\|co\|22.0}} \|\|{{Version\|co\|6.0 - 6.1}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.2-4.3}}
	\|-		\|-
	\|{{Version\|co\|11.0}} \|\|{{Version\|co\|30.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|35.0}} \|\|{{Version\|co\|22.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.4}}		\|{{Version\|co\|11.0}} \|\|{{Version\|co\|30.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|35.0}} \|\|{{Version\|co\|22.0}} \|\|{{Version\|co\|7.0}} \|\|{{Version\|co\|11.5}} \|\|{{Version\|co\|4.4}}
	\|}		\|}

Zeile 62:		Zeile 62:
	<references />		<references />

	[[Kategorie:~~HTML~~]]		[[Kategorie:ECMAScript]]
	[[Kategorie:~~Grafikbibliothek~~]]		[[Kategorie:Programmierschnittstelle]]

2003:C6:33E2:9B96:3885:959E:989D:97A9: verb.

2017-01-21T18:27:57Z

verb.

← Nächstältere Version		Version vom 21. Januar 2017, 20:27 Uhr
Zeile 22:		Zeile 22:
	== Unterstützung ==		== Unterstützung ==

	Canvas wird nativ (also ohne [[Plug-in\|Plug-Ins]]) von den aktuellen Versionen der Browser [[Internet Explorer]], [[Mozilla Firefox\|Firefox]], [[Opera (Browser)\|Opera]], [[~~Safari~~ ~~(Browser)\|~~Safari]] und [[Google Chrome\|Chrome]] unterstützt.		Canvas wird nativ (also ohne [[Plug-in\|Plug-Ins]]) von den aktuellen Versionen der Browser [[Internet Explorer]], [[Mozilla Firefox\|Firefox]], [[Opera (Browser)\|Opera]], [[Apple Safari]] und [[Google Chrome\|Chrome]] unterstützt.

	Alte Versionen des Internet Explorers, die heutzutage noch immer weit verbreitet sind, bieten keine Unterstützung für Canvas, da sie veröffentlicht wurden, bevor das Canvas-Element standardisiert wurde.		Alte Versionen des Internet Explorers, die heutzutage noch immer weit verbreitet sind, bieten keine Unterstützung für Canvas, da sie veröffentlicht wurden, bevor das Canvas-Element standardisiert wurde.

Onkelkoeln: bkl entlinkt

2016-09-04T05:34:05Z

bkl entlinkt

← Nächstältere Version		Version vom 4. September 2016, 07:34 Uhr
Zeile 22:		Zeile 22:
	== Unterstützung ==		== Unterstützung ==

	Canvas wird nativ (also ohne [[Plug-in\|Plug-Ins]]) von den aktuellen Versionen der Browser [[Internet Explorer]], [[Mozilla Firefox\|Firefox]], [[Opera]], [[Safari (Browser)\|Safari]] und [[Google Chrome\|Chrome]] unterstützt.		Canvas wird nativ (also ohne [[Plug-in\|Plug-Ins]]) von den aktuellen Versionen der Browser [[Internet Explorer]], [[Mozilla Firefox\|Firefox]], [[Opera (Browser)\|Opera]], [[Safari (Browser)\|Safari]] und [[Google Chrome\|Chrome]] unterstützt.

	Alte Versionen des Internet Explorers, die heutzutage noch immer weit verbreitet sind, bieten keine Unterstützung für Canvas, da sie veröffentlicht wurden, bevor das Canvas-Element standardisiert wurde.		Alte Versionen des Internet Explorers, die heutzutage noch immer weit verbreitet sind, bieten keine Unterstützung für Canvas, da sie veröffentlicht wurden, bevor das Canvas-Element standardisiert wurde.

81.217.26.227: /* Weblinks */ Invalid link (Domain deleted)

2015-11-09T09:33:47Z

Weblinks: Invalid link (Domain deleted)

← Nächstältere Version		Version vom 9. November 2015, 11:33 Uhr
Zeile 57:		Zeile 57:
	* [https://developer.mozilla.org/en/Canvas_tutorial Ausführliches Canvas-Tutorial bei Mozilla.org] (englisch)		* [https://developer.mozilla.org/en/Canvas_tutorial Ausführliches Canvas-Tutorial bei Mozilla.org] (englisch)
	* [http://canvas.quaese.de/ canvas.quaese.de] – Dokumentation, Einleitungen mit Beispielen, weiterführende Links		* [http://canvas.quaese.de/ canvas.quaese.de] – Dokumentation, Einleitungen mit Beispielen, weiterführende Links
	* [http://www.canvasdemos.com/ Programme, Spiele und andere Beispiele für das HTML5-Canvas-Element] (englisch)

	== Einzelnachweise ==		== Einzelnachweise ==

Frank C. Müller: Siehe auch Canvas Fingerprinting

2014-07-25T13:34:20Z

Siehe auch Canvas Fingerprinting

← Nächstältere Version		Version vom 25. Juli 2014, 15:34 Uhr
Zeile 46:		Zeile 46:

	Die alten Versionen des Internet Explorers können jedoch mit Plugins, welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.<ref>{{cite web\|url=http://arstechnica.com/software/news/2008/08/mozilla-drags-ie-into-the-future-with-canvas-element-plugin.ars\|title="Mozilla drags IE into the future with Canvas element plugin"\|publisher=Ars Technica\|date=\|accessdate=27. Juli 2011}}</ref><ref>{{cite web\|url=http://excanvas.sourceforge.net/\|title="ExplorerCanvas"\|publisher=Sourceforge\|date=\|accessdate=29. November 2011}}</ref>		Die alten Versionen des Internet Explorers können jedoch mit Plugins, welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.<ref>{{cite web\|url=http://arstechnica.com/software/news/2008/08/mozilla-drags-ie-into-the-future-with-canvas-element-plugin.ars\|title="Mozilla drags IE into the future with Canvas element plugin"\|publisher=Ars Technica\|date=\|accessdate=27. Juli 2011}}</ref><ref>{{cite web\|url=http://excanvas.sourceforge.net/\|title="ExplorerCanvas"\|publisher=Sourceforge\|date=\|accessdate=29. November 2011}}</ref>

			== Siehe auch ==

			* [[Canvas Fingerprinting]]

	== Weblinks ==		== Weblinks ==