如何用HTML5翻转图像

前端之家收集整理的这篇文章主要介绍了如何用HTML5翻转图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在IE中,我可以使用:
<img src="http://example.com/image.png" style="filter:FlipH">

实现图像水平翻转。

有没有办法在HTML5中水平翻转? (也许使用画布?)

感谢所有:)

解决方法

canvas = document.createElement('canvas');
canvasContext = canvas.getContext('2d');

canvasContext.translate(width,0);
canvasContext.scale(-1,1);
this.canvasContext.drawImage(image,0);

这是一个来自用于测试的精灵对象的代码段,它产生您希望的结果。

这是另一个有更多细节的网站。 http://andrew.hedges.name/widgets/dev/

猜你在找的HTML5相关文章