Всем привет!

Вот балуюсь дальше с канвасом. Получил какой-то зэбский эфект при добавлении стилей к самому канвасу.
<body>
<script type="text/javascript">
var cnvs = document.createElement('canvas');
document.body.appendChild(cnvs);
cnvs.style.height = "1000px";
cnvs.style.width = "1000px";
var c = cnvs.getContext('2d');
c.fillStyle = "#f00";
c.fillRect(10,10,100,100);
c.fill();
</script>
</body>
В итоге квадрат не квадрат да еще и замылинный, так сказать "блур".
Кто-нибудь встречал подобный прикол?
UPD
Если писать в процентах ширину и высоту то прикол работает более верно.
<body>
<script type="text/javascript">
var cnvs = document.createElement('canvas');
document.body.appendChild(cnvs);
cnvs.style.height = "200%";
cnvs.style.width = "200%";
var c = cnvs.getContext('2d');
c.fillStyle = "#f00";
c.fillRect(10,10,100,100);
c.fill();
</script>
</body>