A tela é esticada ao usar CSS, mas é normal com as propriedades "width" / "height"

Eu tenho 2 telas, uma usa atributos HTMLwidth eheight para dimensionar, o outro usa 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>

O Compteur1 é exibido como deveria, mas não o compteur2. O conteúdo é desenhado usando JavaScript em uma tela de 300 x 300.

Por que há uma diferença de exibição?

questionAnswers(7)

yourAnswerToTheQuestion