IE Canvas Issue

unknown
1 parent 9dd5db54
Showing 2 changed files with 18 additions and 0 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
400-SOURCECODE/AIAHTML5.Web/index.html
@@ -337,7 +337,11 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
     $(document).ready(function () {
        // getUserDetails();
  
+        if ($.browser.msie) {
+            $("#refreshBtn").css("display", "inline-block");
+            $rootScope.refreshCanvas();
  
+        }
         $(function () {
             var colpick = $('.demo').each(function () {
  
@@ -3545,5 +3549,12 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
         if ((e.keyCode === 116) || (e.keyCode == 82 && e.ctrlKey))
             $location.path('/');
     };
+
+    $rootScope.refreshCanvas = function (e) {
+       
+            $('#canvas').removeLayers();
+      
+    };
+
 }]
 );
 \ No newline at end of file
@@ -155,6 +155,11 @@
             position: relative;
             top: 1px;
         }
+
+        #refreshBtn {
+            color: #ffffff;
+        }
+
     </style>
  
  
@@ -639,6 +644,7 @@
                                                 <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-rectangle" ng-mouseover="addToolTip(95, 100, 120, 'Draw Rectangle')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawRectangle($event)"><img src="content/images/draw-rec.png" alt="" title=""></button>
                                                 <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-circle" ng-mouseover="addToolTip(95, 120, 120, 'Draw Circle')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawCircle($event)"><img src="content/images/draw-cir.png" alt="" title=""></button>
                                                 <!--<button type="button" class="btn btn-black-annotation btn-xs btn-annotation" ng-mouseover="addToolTip(95, 140, 120, 'Draw Polygon')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawPolygon($event)"><img src="content/images/draw-poly.png" alt="" title=""></button>-->
+                                                <button type="button" class="btn btn-black-annotation" id="refreshBtn" style="padding:1px 7px;display:none;" ng-click="refreshCanvas()" ng-mouseover="addToolTip(95, 140, 120, 'Refresh')" ng-mouseleave="removeToolTipOnMouseOut()"><i class="fa fa-refresh"></i></button>
                                             </div>
                                         </div>
                                     </div>
@@ -1918,6 +1924,7 @@
             }
         }
     </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.1.0/jquery.browser.min.js"></script>
 </body>
  
 </html>
 \ No newline at end of file