Export Image Functionality in Ipad

unknown
1 parent f632c046
Showing 1 changed file with 32 additions and 19 deletions
400-SOURCECODE/AIAHTML5.Web/index.html
@@ -1343,9 +1343,7 @@
         </div>
     </div>
     <script>
-
         function enableDisableFillOption() {
-            //debugger;
             if (document.getElementById('fill-option').checked) {
                 // $('#imgOpacity').attr("background-color");
                 //$('#imgOpacity').css({"background-color"})
@@ -1592,8 +1590,6 @@
                 else {
                     $("#text_area").css("font-style", "normal");
                 }
-
-
             });
  
             $("#text-underline").on('click', function () {
@@ -1939,21 +1935,38 @@
     <script>
         $(function () {
             $("#btnSaveEI").click(function () {
-                $("#canvasDiv").append("<img id='exportlogo' class='img-responsive'  src='content/images/adam-logo-small.png'/>");
-                html2canvas($("#canvasDiv"), {
-                    onrendered: function (canvas) {
-                        theCanvas = canvas;
-                        var fileName = document.getElementById("filename").value + '.jpg';
-                        if (typeof (fileName) == "undefined" || fileName == ".jpg")
-                            fileName = "Untitled.jpg"
-                        var dataURL = canvas.toDataURL("image/jpeg");
-                        var blob = dataURItoBlob(dataURL);
-                        saveAs(blob, fileName);
-                        $("#exportlogo").remove();
-                        $("#filename").val("");
-                    }
-                });
-                $(".export-image").css("display", "none");
+                var $ua = navigator.userAgent;
+                if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
+                    $("#canvasDiv").append("<img id='exportlogo' class='img-responsive'  src='content/images/adam-logo-small.png'/>");
+                        html2canvas($("#canvasDiv"), {
+                            onrendered: function (canvas) {
+                                var imgsrc = canvas.toDataURL("image/png");
+                                console.log(imgsrc);
+                                var html = '<div id="img"><img src="' + imgsrc + '" id="newimg" style="margin:auto;top:0px;left:0px;right:0px;position:absolute;border:1px solid #ccc;" /></div>';
+                                var w = window.open();
+                                $(w.document.body).html(html);
+                                $("#filename").val("");
+                            }
+                        });
+                }
+                else {
+                    $("#canvasDiv").append("<img id='exportlogo' class='img-responsive'  src='content/images/adam-logo-small.png'/>");
+                    html2canvas($("#canvasDiv"), {
+                        onrendered: function (canvas) {
+                            theCanvas = canvas;
+                            var fileName = document.getElementById("filename").value + '.jpg';
+                            if (typeof (fileName) == "undefined" || fileName == ".jpg")
+                                fileName = "Untitled.jpg"
+                            var dataURL = canvas.toDataURL("image/jpeg");
+                            var blob = dataURItoBlob(dataURL);
+                            console.log(blob);
+                            saveAs(blob, fileName);
+                            $("#exportlogo").remove();
+                            $("#filename").val("");
+                        }
+                    });
+                    $(".export-image").css("display", "none");
+                }
             });
         });
         function dataURItoBlob(dataURI) {