图片旋转处理
来源:互联网 发布:神州数码医疗 知乎 编辑:程序博客网 时间:2024/05/16 15:38
<html>
<head>
<title></title>
<script type="text/javascript">
function rotateImage(HTMLControlID,degree) {
if(window.navigator.userAgent.indexOf('MSIE') > -1)
{
//处理IE浏览器
var imageToRotate = document.getElementById(HTMLControlID);
imageToRotate.style.filter= "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand')";
var deg2radians = Math.PI * 2 / 360;
var degreeToRotate =degree // 旋转度数;
rad = degreeToRotate * deg2radians ;
costheta = Math.cos(rad);
sintheta = Math.sin(rad);
imageToRotate.filters.item(0).M11 = costheta;
imageToRotate.filters.item(0).M12 = -sintheta;
imageToRotate.filters.item(0).M21 = sintheta;
imageToRotate.filters.item(0).M22 = costheta;
var w=document.getElementById(HTMLControlID).width;
var h=document.getElementById(HTMLControlID).height;
document.getElementById(HTMLControlID).width=h;
document.getElementById(HTMLControlID).height=w;
n+=1;
if(n<2)
{
rotateImage(HTMLControlID,degree);
}
else
{
n=0;
}
}
}
</script>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr><td>
<A href="javascript:rotateImage('imgRotate' , 90);">旋转90度</A>
<A href="javascript:rotateImage('imgRotate' , 180);">旋转180度</A>
<A href="javascript:rotateImage('imgRotate' , 270);">旋转270度</A>
<A href="javascript:rotateImage('imgRotate' , 360);">原图</A></td></tr>
<tr><td>
<canvas id="canvas" ><img id="imgRotate" src="bd8dcf53-3c57-49cd-8221-0ffc03a155dc.jpg" />
</canvas></td></tr></table>
</body>
</html>
<script>
var n=0;
</script>
- 图片旋转处理js
- 图片旋转处理
- android图片旋转处理
- IOS处理图片旋转
- android 图片旋转处理
- iOS 图片处理-图片旋转和裁剪
- Android 图片旋转,缩放,切割,叠加处理
- 图片处理--旋转、将View转成Bitmap
- Android 图片旋转,缩放,切割,叠加处理
- 处理图片的旋转问题bug
- 拍照/选择相册,图片压缩旋转处理
- 安卓图片Bitmap一些旋转处理
- 图片处理---缩放,挖取,截屏,旋转
- Android 三星手机拍照图片旋转处理
- PHP图片处理之图片旋转和图片翻转
- C# 图片处理之:旋转图片任意角度
- C# 图片处理之:旋转图片任意角度
- 使用.net(C#)处理图片之:旋转图片任意角度
- explicit的用法
- HSR算法-Occlusion Culling
- 判断输入的字数
- 18B20的温度测试随笔
- 解决Missing argument 1 for DataTest::testAdd()
- 图片旋转处理
- [C#] 为啥DrawImage出来的图像变大了?
- ORA-00600: internal error code, arguments: [15160], [], [], [], [], [], [], []异常处理
- view plaincopy to clipboardprint?
- 循环链表解决JOSEPHUS环问题[C语言实现]
- WPF资源路径
- SQL code(一)
- 用VC2008编译最新SVN版本的OpenCV源代码
- 生活需要沉淀