Html5 холст зум

-1

Я сделал код, но я не могу получить его увеличить:Html5 холст зум

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?

источник

2012-01-02 Jeffrey Barneveld

Использование ctx.scale, см. Это link.

источник

2012-01-02 11:27:53 qiao

Это не работает –

@JeffreyGearsoffun, пожалуйста, разместите свой код на jsfiddle, чтобы я мог его проверить. – qiao

Мой код очень сложно вставить в него, что он использует функции mutch php для загрузки карты, могу ли я связаться с вами где-нибудь? –

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

источник

2012-01-02 11:28:15

Это не работает –

Код + симптомы пожалуйста. –

функция drawMap() { var tileH = 31; var tileW = 61; для (i = 0; i

Вы можете попробовать -

context.scale(zoom_x,zoom_y); 

context.translate(somex,somey);

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

источник

2012-01-02 11:55:27 riship89

Я думаю, вы НЕОБХОДИМО переводить после масштабирования. – riship89

Html5 холст зум

ответ

Смежные вопросы