图片旋转

Question

        //对象值
        var objSunDiv;
        //获得旋转角度的正弦值和余弦值
        function getValue() {
           
            var deg = document.getElementById("txt2").value;
            objSunDiv = document.all("idSunDiv");
            var pi = Math.PI;
            var deg2rad = Math.PI * 2 / 360;
            rad = deg * deg2rad;
            costheta = Math.cos(rad);
            var xx = Math.cos(23);
            sintheta = Math.sin(rad);
            with (objSunDiv.filters.item(0)) {
                M11 = costheta; M12 = -sintheta; M21 = sintheta; M22 = costheta;            }
        }--为什么只在ie下能用,火狐里怎么不行

Answer 1

其他浏览器不支持filters啊，只有IE采用的

Answer 2

filters是IE独有的东西，其他浏览器都没有的

Answer 3

        //对象值
        var objSunDiv;
        //获得旋转角度的正弦值和余弦值
        function getValue() {
            var deg = document.getElementById("txt2").value;//旋转角度
            objSunDiv = document.getElementById("idSunDiv");
            var pi = Math.PI;
            if (isIE) {
                var deg2rad = Math.PI * 2 / 360;
                rad = deg * deg2rad;
                costheta = Math.cos(rad);
                var xx = Math.cos(23);
                sintheta = Math.sin(rad);
                with (objSunDiv.filters.item(0)) {
                    M11 = costheta; M12 = -sintheta; M21 = sintheta; M22 = costheta;                }
            } else {
        
            var canvas = document.getElementById("canvas");
            var ctx = canvas.getContext("2d");
            var img = new Image();//还有这里，一定要在新申明一个img吗
            
            //怎么把旋转角度传进来呢？            ctx.translate(150, 150);//这里的两个值是什么意思，
            ctx.rotate(pi / 2);            ctx.drawImage(img, 0, 0);            }
        }

Answer 4

介绍
https://developer.mozilla.org/en/Canvas_tutorial/Transformations

Answer 5

采用canvas是好的做法，功能也更强大，参见
http://mugtug.com/sketchpad/

Answer 6

+canvas javascript绘图比较好

Answer 7

我是说canvas的强大，旋转只是其中的一个小功能。
canvas的语法请参考mozilla文档上的，

Answer 8

权威的文档参考W3C
http://dev.w3.org/html5/canvas-api/canvas-2d-api.html#transformations
里面有各个参数的介绍。