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

[1UnitedPower]

Hakuna matata!

...wenn die volle Größe des canvas bemalt werden soll, und das funktioniert nur mit Pixelangaben in Ganzzahlen, nicht mit sowas wie calc(100% - 20px), weshalb ich hier nicht schreiben kann ctx.viewportWidth = canvas.style.width.

Ich verstehe dein eigentliches Problem immernoch nicht. Aber canvas.style.width ist auf jeden Fall auch eins deiner Probleme: die .style-Eigenschaft ist geeignet um Styles zu setzen, zum Lesen benutzt man getComputedStyle():

var canvas = document.querySelector('canvas');  
getComputedStyle( canvas )['width']