Question

我有一个HTML画布，我可以在其中签名，为了保存画布内容，我使用了以下URL中的插件，

https://github.com/devgeeks/Canvas2ImagePlugin

使用此插件后，我有一个问题，即图像保存到手机的图库，但图像是空白图像，只是一个黑屏。画布内容不保存。我们如何获取画布内容并将其保存在手机的图库中？

脚本：

var sigCapture;

   document.addEventListener("deviceready", onDeviceReady, false);
   function onDeviceReady()
     {
      $(document).ready(function() {
         sigCapture = new SignatureCapture( "signature" );
      });
     }


   function saveCanvas()
   {
      window.canvas2ImagePlugin.saveImageDataToLibrary(
                function(msg){
                    console.log(msg);
                },
                function(err){
                    console.log(err);
                },
                document.getElementById('signature')
            );
   } 

    </script>

HTML：

<div  data-role="page" id="personalinfo">
            <div  data-role="header" id="header" data-position="fixed">                                    
                  <h4>SBI Account Open</h4>                                    
               </div>

                  <h2>SIGNATURE</h2>
           <div id="canvasContainer"  >
                   <canvas id="signature" />
           </div>
           <button  onClick='saveCanvas()'>Start</button>
   </div>

任何人都可以帮我如何保存画布内容，即签名

Answer 1

我在这里失明，因为现在还没有如何测试它，但是：画布它不是一个自我关闭的标签。尝试将其改为<canvas id="signature"></canvas>

使用phonegap保存HTML画布内容的问题

1 个答案: