首页 > Web开发 > 详细

图片旋转js代码

时间:2014-09-19 16:56:55      阅读:353      评论:0      收藏:0      [点我收藏+]

<script type="text/javascript">
//图片旋转js代码(2013-5-27)
        function rotateImage(imgId) {

            imageToRotate = document.getElementById(imgId);

            imageToRotate.style.filter = "progid:DXImageTransform.Microsoft.Matrix(sizingMethod=‘auto expand‘)";

            rotate();

        }

        var imageToRotate;

        var degreeToRotate = 0;

        function rotate() {

            var deg2radians = Math.PI * 180 / 360;
            alert(deg2radians);
            degreeToRotate++;

            degreeToRotate = degreeToRotate % 360;

            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;
        }

    </script>

图片旋转js代码

原文:http://www.cnblogs.com/XIAO-BAI/p/3981530.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!