Cordova 的 Canvas2Image 插件无法正常工作答案

【问题标题】：Canvas2Image Plugin for Cordova not workingCordova 的 Canvas2Image 插件无法正常工作
【发布时间】：2016-01-22 10:52:17
【问题描述】：

我正在尝试将画布的内容保存在 Android 上的 PhoneGap 应用中。我正在使用 Canvas2ImagePlugin，位于： https://github.com/devgeeks/Canvas2ImagePlugin

为了我的一生，我无法让它发挥作用。我已尝试安装并重新安装多次，但均未成功。

function clickSave() {
    window.canvas2ImagePlugin.saveImageDataToLibrary(
        function(msg){
            alert(msg);
        },
        function(err){
            alert(err);
        },
        document.getElementById('myCanvas')
    );
}

在尝试运行该功能时，我什至没有收到提示它有效或失败的警报。它真的应该是一个非常简单的功能！

任何帮助将不胜感激。

【问题讨论】：

标签： javascript android cordova canvas

【解决方案1】：

我不知道这是否是最好的解决方案，但它适用于我，在您的 HTML 文件中添加一个包含<script src="js/app.js"></script> 的脚本AFTER，然后在您的脚本中添加一个事件监听器刚刚创建了

<script>
          document.addEventListener("deviceready", onDeviceReady, false);
            function onDeviceReady() {
                     alert("Got deviceready");
                    var canvas2ImagePlugin = window.plugins.canvas2ImagePlugin;
            }
          // where myCanvasId == 'myCanvas' (the id of the canvas above)
                function mySavingFunction(myCanvasId) {
                    canvas2ImagePlugin.saveImageDataToLibrary(
                        function(msg){
                           alert(msg);
                            alert("Saving image is successful!");
                        }, 
                        function(err){
                            alert(err);
                        }, 
                        myCanvasId
                    );
                }

` 并在您的 HTML 文件中执行此操作

<canvas id="myCanvas" width="165px" height="145px"></canvas> <button onclick="mySavingFunction(myCanvas)">Save my canvas!</button>

如果您要在浏览器中对其进行测试，首先构建您的项目，然后将其安装到您的设备或设备模拟器中以使其工作，它将无法工作。

这是我得到answer 的地方。希望这能解决您的问题。

【讨论】：