Canvas wird bei Verwendung von CSS gestreckt, aber normal mit den Eigenschaften "width" / "height".
Ich habe 2 Leinwände, eine verwendet HTML-Attributewidth undheight Um die Größe zu bestimmen, verwendet der andere CSS:
<canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas>
<canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas>
Compteur1 wird so angezeigt, wie es sollte, aber nicht compteur2. Der Inhalt wird mit JavaScript auf einer Leinwand im Format 300 x 300 erstellt.
Warum gibt es einen Unterschied bei der Anzeige?