Canvas. Правильно ли так делать и можно ли продолжать рисовать фигуры в таком виде?

Question

[AndRussia]

Здравствуйте. Является ли правильным "рисование" линий, используя следующий код?:

var
            canv = document.getElementById('canvas'),
            ctx  = canv.getContext('2d');

        canv.width = window.innerWidth;
        canv.height = window.innerHeight;

        ctx.strokeStyle = 'red';
        ctx.lineWidth = 5;

        ctx.beginPath();
        ctx.moveTo(50,50);
        ctx.lineTo(25,100);
        ctx.lineTo(75,100);
        ctx.lineTo(50,50);
        ctx.stroke();

        ctx.strokeStyle = 'red';
        ctx.lineWidth = 5;

        ctx.beginPath();
        ctx.moveTo(150,150);
        ctx.lineTo(125,200);
        ctx.lineTo(175,200);
        ctx.closePath();
        ctx.stroke();

Нагружает ли этот код страницу, а также есть ли более простой способ? Заранее спасибо.

Answer 1

[quiplunar]

Да, этот код нагружает страницу как и любой другой код =)

Ну рисованием линий ты вряд ли сможешь нагрузить страницу чтобы было ощутимо хоть как-то. Да и более простого способа нет. На чистом js только так, возможно есть библиотеки которые облегчать написание кода.

Тык