Как к зеркальным изображениям горизонтально с HTML5
В IE я могу использовать:
<img src="http://example.com/image.png" style="filter:FlipH">
для реализации изображения зеркально отражают горизонтально.
Там какой-либо путь состоит в том, чтобы зеркально отразить горизонтально в HTML5? (возможно, при помощи холста?)
спасибо все :)
39
задан Mohit Kumar Arora 1 July 2016 в 12:07
поделиться
2 ответа
canvas = document.createElement('canvas');
canvasContext = canvas.getContext('2d');
canvasContext.translate(width, 0);
canvasContext.scale(-1, 1);
this.canvasContext.drawImage(image, 0, 0);
Вот фрагмент объекта-спрайта, который используется для тестирования, и он дает результаты, которых вы, кажется, ожидаете.
Вот еще один сайт с более подробной информацией. http://andrew.hedges.name/widgets/dev/
87
ответ дан 27 November 2019 в 02:01
поделиться
Вам не нужен HTML5, это можно сделать с помощью CSS, как в IE:
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
68
ответ дан 27 November 2019 в 02:01
поделиться
Другие вопросы по тегам: