编程语言
首页 > 编程语言> > javascript-如何使用客户端解决方案旋转图像

javascript-如何使用客户端解决方案旋转图像

作者:互联网

我想知道是否有任何方法可以使用客户端解决方案动态旋转图像或反转图像?我不在乎它是否是普通的旧javascript,jquery插件,css.我只是想知道是否有某种方法可以在客户端动态地执行此操作,而不必编写服务器端代码来为我可以执行的每个图像执行操作.

我尝试在Google上搜索其他关键字,但找不到任何内容.

编辑:我正在寻找一种不需要HTML 5的解决方案.

解决方法:

Firefox,Safari和Opera支持以下功能:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);

您也可以在IE8中做到这一点,甚至7(?):

position: absolute;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

使用JS旋转元素:

var deg = 90
$('element').style.MozTransform = 'rotate(' + deg + 'deg)';
$('element').style.WebkitTransform = 'rotate(' + deg + 'deg)';

编辑:

哇,根据http://msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx,旋转适用于IE 5.5!

标签:image,client-side,image-manipulation,css,javascript
来源: https://codeday.me/bug/20191023/1916600.html