示例更新

Author: zhicheng99

v2.0/template27.html

@@ -1051,40 +1051,50 @@
 
                             var c = rect.centerPoints();
                             var angle = getRotateAngle([c.x,c.y], [rorate.x,rorate.y], [pos.x,pos.y])
-
+                            // console.log(angle* 180 / Math.PI);
                             if(parseInt(angle* 180 / Math.PI)== 89 || parseInt(angle* 180 / Math.PI)== -89){
                                 rect.oldDegree = rect.degree;
                                 rorate = rotateHandle.centerPoints();
                                 var angle = getRotateAngle([c.x,c.y], [rorate.x,rorate.y], [pos.x,pos.y])
 
 
-                                rect.setDegree(rect.oldDegree+parseInt(angle* 180 / Math.PI));
-                                rotateHandle.setDegree(rect.degree);
+                                // rect.setDegree(rect.oldDegree+parseInt(angle* 180 / Math.PI));
+                                rect.setDegree(rect.oldDegree);
+
 
                             }else{
 
                                 rect.setDegree(rect.oldDegree+parseInt(angle* 180 / Math.PI));
 
-                                rotateHandle.setDegree(rect.degree);
-
                             }
 
+                                rotateHandle.setDegree(rect.degree);
                         }
                     },
                     mouseup:function(e,pos){
                         rorate = null;
 
-                        //重置缩放句柄位置
-                        var point = rect.polyPoints();
-                        h1.setDegree(rect.degree).setStart([point[0].x - 5, point[0].y - 5]);
-                        h2.setDegree(rect.degree).setStart([point[1].x - 5, point[1].y - 5]);
-                        h3.setDegree(rect.degree).setStart([point[2].x - 5, point[2].y - 5]);
-                        h4.setDegree(rect.degree).setStart([point[3].x - 5, point[3].y - 5]);
 
-                        resizelayer.setDisplay('block');
+                            //角度换算到 -360~360
+                            if(rect.degree <0){
+                                var rate = parseInt(Math.abs(rect.degree)/360);
+                                rect.setDegree(360*rate + rect.degree);
+                            }else{
+                                var rate = parseInt(rect.degree/360);
+                                rect.setDegree(rect.degree - 360*rate);
+                            }
+
+
+                            //重置缩放句柄位置
+                            var point = rect.polyPoints();
+                            h1.setDegree(rect.degree).setStart([point[0].x - 5, point[0].y - 5]);
+                            h2.setDegree(rect.degree).setStart([point[1].x - 5, point[1].y - 5]);
+                            h3.setDegree(rect.degree).setStart([point[2].x - 5, point[2].y - 5]);
+                            h4.setDegree(rect.degree).setStart([point[3].x - 5, point[3].y - 5]);
 
-                        qcanvas.removeEle(tmp);
+                            resizelayer.setDisplay('block');
 
+                            qcanvas.removeEle(tmp);
                     }
 
                 })