Из-за ограничений устройств я должен был использовать только javascript или JQuery для «Зеркального» изображения. Я пробовал Reflection.js, но этого я не хочу.Зеркальное изображение с использованием Pure Javascript/JQuery
Я хочу просто «зеркально отразить» изображение тега img.
Любой может помочь? Заранее спасибо.
Попробуйте этот пример упомянуть в jsfiddle:
CSS:
div.reflection
{
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
img{
height: 150px;
width: 150px;
}
HTML код:
<div>
<img src='http://2.bp.blogspot.com/-TslgI6ySuW8/VNC-u9YQYeI/AAAAAAAABtA/mviMstL4pIk/s1600/Screenshot_2015-02-03-17-55-46.png'/>
</div>
<div class="reflection">
<img src='http://2.bp.blogspot.com/-TslgI6ySuW8/VNC-u9YQYeI/AAAAAAAABtA/mviMstL4pIk/s1600/Screenshot_2015-02-03-17-55-46.png'/>
</div>
Моя кишка предположить answe r нет, но можете ли вы полагаться на холст HTML5 или это нарушит ограничение устройства? – ramblinjan
Это похоже на дубликат http://stackoverflow.com/questions/8168217/html-canvas-how-to-draw-a-flipped-mirrored-image –
Что это за устройство? Если он поддерживает css3 (т. Е. Webkit), тогда это просто, не нужно JS, http://jsbin.com/ugecus/1/edit – elclanrs