Javascript翻转图像

Question

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

Answer 1

翻转图像的简单方法是使用CSS3.我假设"CSS3效果"你的意思是一个动画,这不会这样做.

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(无所事事)将图像缩放-1来实现.如果你想在Y轴而不是X轴上翻转,你可以在X和Y周围切换.

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

对于Internet Explorer支持,您可以使用以下filter属性:

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