2 tuval, boyutu width height eski HTML kullanımı, diğer kullanım CSS var

<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 ekran gibi olmalı, ama değil compteur2. İçerik 300x300 bir tuval üzerinde javascript kullanılarak çizilir.

Neden görünen bir fark var mı? Teşekkürler!

Ekran görüntüsü:

Görünen o ki, width height öznitelikleri belirlemek genişlik veya yükseklik tuval koordinat sistemi ise CSS özelliklerini belirlemek boyutu kutu içerisinde gösterilir.

Bu http://www.whatwg.org/html#attr-canvas-width (ihtiyacı var JS) veya http://www.whatwg.org/c#attr-canvas-width (muhtemelen bilgisayarınızın yemek) de açıklanmıştır:

canvas elemanın elemanın bit eşlem boyutunu kontrol etmek için iki özellik vardır: width height. Belirtilen zaman bu öznitelikler, değerler olmalıdırnegatif olmayan tamsayılar geçerli.negatif olmayan tamsayılar ayrıştırma kurallarısayısal değerleri elde etmek için kullanılmalıdır. Eğer bir özniteliği eksikse, ya da eğer onun değeri ayrıştırılırken bir hata verirse, o zaman varsayılan değer yerine kullanılmalıdır. 150-300 height öznitelik varsayılan width öznitelik varsayılan.