Html5画布缩放

Html5 canvas zoom

本文关键字：缩放 布缩放 Html5      更新时间：2023-09-26

我已经做了一个代码，但我不能让它放大:

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?

使用ctx.scale，参见此链接

使用ctx.scale()

你可以试试-

context.scale(zoom_x,zoom_y);
context.translate(somex,somey);

我在这里找到了示例代码。我还没有试过，但我希望这对你有帮助。

相关文章：