Ist es möglich den Inhalt eines Canvas-Elements zu zoomen? Wenn ja, wie?

Moin,

per scale() sollte das machbar sein.
Quaese wird hier bestimmt noch hereinschauen und mehr verraten

Hi,

da will er mal hereinschauen, der Quaese.

scale wird an dieser Stelle nicht funktionieren, da ja der bereits existierende Inhalt als Quelle dienen muss.

Stattdessen ist die Methode drawImage die bessere Wahl. Mit einem kleinen Workaround wird der Inhalt des Canvaselements zunächst in einen Klon gezeichnet. Von dort ausgehend wird er auf die gewünschte Grösse skaliert zurückgeschrieben.

Zur Demonstration habe ich ein kleines Beispiel gebastelt: canvas_zoom.html

Ciao
Quaese