var: Resize von canvas-Element abhängig von parent-Element

Beitrag lesen

Ahoi.

Also ich hab mir das nochmal angeguckt: Für getComputedStyle(canvas)['width'] / ['height'] werden zwar tatsächlich die Werte (in px) ausgegeben, die der Eingabe calc(100% - 20px) in CSS entsprechen, aber das ändert nichts daran, dass der context auf Grundlage der Werte berechnet wird, die in den Elementattributen bestimmt sind, und dass sind, unverändert, die initialen 300 x 150px. Es tritt also im Wesentlichen wieder genau der selbe Effekt auf wie von mir eingangs beschrieben: Das Canvas wird auf die in CSS bestimmte Größe gezogen, aber dabei verändert sich nicht die 'Auflösung'.

Aber du hast recht, ich werde mal versuchen ein live-Beispiel zu erstellen, auch wenn mit dessen Fertigstellung gegebenenfalls erst morgen Vormittag zu rechnen ist. ;-)

Das sollte etwas Klarheit bringen.

Nochmals Dank und Gruß

var