HTML5 üzerinde Dikdörtgen Tuval gergin

Question

Web sitesinde çalışıyorum ve javascript ile HTML5 tuvalinde dikdörtgenler bulmaya çalışıyorum. Normalde bu sorun değil ama şimdi 10 genişliğinde ve yüksekliğinde bir dikdörtgen oluşturduğumda. 10 genişliğinde ve 20 yüksekliğinde bir dikdörtgen yaptığını görüyoruz.

Dikdörtgeni böyle yapıyorum :

var canvas = $("#canvas"); 
var context = canvas.get(0).getContext("2d"); 

context.fillRect(0, 0, 10, 10); 

div tuval% 100 genişliğinde set ama bunu bir sabit genişlik vermeye çalıştım ve bu da yardımcı olmadı edilir.

Answer 1

olduğunu tuval öğenizde, aksi halde bu bazı tarayıcılarda sonuç olabilir.

<canvas id="canvas" width="400" height="300" /> 

Ve CSS ile tuval boyutunu ayarlamak olamaz, bu tuval uzatmak olacaktır.

Answer 2

tuval varsayılan boyutu Bir genişlik ve yüksekliğini ayarlamak gerekir Muhtemelen dikdörtgen kare değil görünmesini sağlayacaktır bu varsayılan kullanıyorsanız 300 x 150.

....