Показать сообщение отдельно
  #36 (permalink)  
Старый 14.01.2011, 14:01
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от B~Vladi
Проще создать 10 полос на Canvas, чем 25 дивов
B~Vladi, дело говорит:

<script type="text/javascript">
window.onload = function () {
    var getWidth = self.innerWidth, getHeight = self.innerHeight,
    canvas = document.getElementById("canvas");
    canvas.width = getWidth;
    canvas.height = getHeight;
    canvas.style.background = '#BFDEE1';
    
    if(canvas.getContext) {
        var ctx = canvas.getContext("2d");
        ctx.fillStyle = "#F1F1F1";
        for(i=1; i<getWidth; i+=18) {
            ctx.fillRect(i, 0, 1, getHeight);
        }
        for(i=1; i<getHeight; i+=18) {
            ctx.fillRect(0, i, getWidth, 1);
        }
    }
};
</script>
<canvas id="canvas">No Canvas!</canvas>
Ответить с цитированием