Canvas is stretch when using CSS but normal with old "width" and "height" properties
- by Sirber
I have 2 canvas, one use old html "width" and "height" to size it, the other use 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 display like it should, but not compteur2.
the content is drawn using javascript on a 300x300 canvas.
why is there a display difference? Thanks!
Screenshot: