Javascript翻转图像

Question

有没有人知道是否有任何用于图像翻转的JavaScript库。我不希望css3效果我想要实际翻转图像，就像你在图像编辑器上右转左边一样。

Answer 1

翻转图像的简便方法是使用CSS3。我假设＆＃34; CSS3效果＆＃34;你的意思是一个动画，这个不会这样做。

img {
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -khtml-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}

这可以通过在X轴上缩放图像（沿着该轴旋转）和Y轴上的1（无所事事）来进行缩放。如果你想在Y轴而不是X轴上翻转，你可以在X和Y周围切换。

如果需要，CSS3变换也可以用于旋转。而不是scale(-1, 1)您可以使用rotate(90deg)之类的东西顺时针旋转90度。

---

对于Internet Explorer支持，您可以使用filter属性：

img {
    filter: fliph;
    /* all of the transforms above */
}