Edit Question - KnowledgeHub

Title Body

I want to save multiple canvas into one image using asp.net. I tried with with two canvases, but it is not saving. Canvas: <div style="position:relative; width:456px; padding:0px; margin:0px;"> <canvas id="boardcanvas" width="456" height="480" style="position: absolute; left: 0; top: -220px; z-index: 0;"></canvas> <canvas id="layer2" width="456" height="480" style="position: absolute;left: 0; top:-220px; z-index: 1;"></canvas> </div> <input type="button" id="btnSave" style="width:150px ; text-align:center;height:30px" name="btnSave" value="Save as Image!" /> Jquery: <script type="text/javascript"> // Send the canvas image to the server. $(function () { $("#btnSave").click(function () { can1 = document.getElementById("broadcanvas"); ctx1 = can1.getContext("2d"); var coll = document.getElementById("layer2"); ctx1.drawImage(coll, 0, 0); var image = can1.toDataURL("image/png"); alert(image); image = image.replace('data:image/png;base64,', ''); $.ajax({ type: 'POST', url: 'index.aspx/UploadImage', data: '{ "imageData" : "' + image + '" }', contentType: 'application/json; charset=utf-8', dataType: 'json', success: function (msg) { alert('Image saved successfully !'); } }); }); }); </script> index.aspx.cs: using System.IO; using System.Web.Script.Services; using System.Web.Services; [ScriptService] public partial class index : System.Web.UI.Page { static string path = @"E:\Green\images\\"; protected void Page_Load(object sender, EventArgs e) { } [WebMethod()] public static void Upload

Tags (comma-separated) Cancel