javascript - 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 轴上将图像缩放 -1（沿该轴翻转）和在 Y 轴上缩放 1（什么都不做）来实现的。如果你想在 Y 轴而不是 X 轴上翻转，你可以在 X 和 Y 周围切换。

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

---

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

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