Задачи по размещению рисунков на холсте (JS) - PullRequest
Новая
       27

Задачи по размещению рисунков на холсте (JS)

0 голосов
/ 17 апреля 2019

2 задачи по холсту.

1)

Я хочу добавить увеличение и уменьшение масштаба, используя scale () и translate ().

Но проблема в том, что он отображается слева вверху, а не в центре.

Я хочу поместить центр изображения в центр холста.

2)

Несмотря на то, что масштаб изменен, положение мыши все еще остается на предыдущей позиции.

Я хочу использовать пересмотренную позицию x, y, чтобы я мог использовать позиционно-ориентированные функции. 

    $('#plusBtn').on('click', function(){
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.scale(0.8,0.8);
        ctx.translate((canvas.width - 50) * 0.8, 
                                   (canvas.height/2) * 0.8);


    });
...