HTML5 холст зум

Question

Я сделал код, но не могу его увеличить увеличить:

function drawMap() {
    var tileH = 31;
    var tileW = 61;
    for (i = 0; i < map.length; i++) {
        for (j = 0; j < map[i].length; j++) {
            var drawTile = map[i][j];
            var xpos = (i - j) * tileH + mapX;
            var ypos = (i + j) * tileH / 2 + mapY;
            ctx.drawImage(tileImg[drawTile], xpos, ypos);
            if (i == xmouse && j == ymouse) {}
        }
    }
}

Как я могу увеличить это с помощью JavaScript?

Answer 1

Используйте ctx.scale, смотрите эту ссылку .

Answer 2

Использование ctx.scale().

Answer 3

Можете ли вы попробовать -

context.scale(zoom_x,zoom_y);

context.translate(somex,somey);

Я нашел образец кода здесь . Я не пробовал, но надеюсь, это поможет.