Создание и преобразование полигинов - PullRequest
Новая
       18

Создание и преобразование полигинов

0 голосов
/ 28 сентября 2018

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


var mittcanvas = document.getElementById("myCanvas");
var ctx = mittcanvas.getContext("2d");

var point = [];

mittcanvas.onclick = mousedown;

function mousedown(e) {


    var xrettet = e.clientX - mittcanvas.offsetLeft;
    var yrettet = e.clientY - mittcanvas.offsetTop;

    point.push({x: xrettet, y: yrettet});
    draw();
}

function draw() {



    ctx.clearRect(0, 0, mittcanvas.width, mittcanvas.height);
    ctx.fillStyle = "yellow";
    ctx.strokeStyle = "black";



    ctx.beginPath();
    ctx.moveTo(point[0].x, point[0].y);

    for (var i = 1; i < point.length; i++) {
        ctx.lineTo(point[i].x, point[i].y);
    }

    ctx.closePath();

    ctx.fill();

    ctx.stroke();
...