내 폴더/스크랩

IE 전용 이미지 회전 시키기

ArtWorker 2007. 12. 12. 17:11

IE전용 필터를 사용하지만 돌아는 간다.

<SCRIPT LANGUAGE="JavaScript">
<!--
function rotate(name, angle){
 //convert angle into radians
 var rad = degToRad(angle);
 //calculate cos and sin of the angle
 costheta = Math.cos(rad);
 sintheta = Math.sin(rad);
 
 //create object reference
 var el = document.getElementById(name);
 if(el) {
  //apply the filter
  el.style.filter = "progid:DXImageTransform.Microsoft.Matrix()";
 
  //set up the properties
  el.filters.item("DXImageTransform.Microsoft.Matrix").SizingMethod = "auto expand";
  el.filters.item("DXImageTransform.Microsoft.Matrix").FilterType = "bilinear";

  //apply the rotation matrix transformation
  el.filters.item("DXImageTransform.Microsoft.Matrix").M11 = costheta;
  el.filters.item("DXImageTransform.Microsoft.Matrix").M12 = -sintheta;
  el.filters.item("DXImageTransform.Microsoft.Matrix").M21 = sintheta;
  el.filters.item("DXImageTransform.Microsoft.Matrix").M22 = costheta;
 }
}
var pi = Math.PI;
function degToRad(x) { return ( x/(360/(2*pi)) ); }
function radToDeg(x) { return ( x*(360/(2*pi)) ); }
//-->
</SCRIPT>
<body onload="rotate('img', parseInt('-30'));">
<img id="img" src="http://192.168.10.100/soho/photo/20071116-1004_s.photo">