0

我正在编写一个函数来像这样编辑后保存图像

<script type="text/javascript"> 

    function share() {      
        var canvas = document.getElementById("myCanvas");

          var imageObj = new Image();

          imageObj.onload = function() {
            contentW = $("#content").width();
            canvas.width = 400;
            canvas.height = 600;
            context.drawImage(imageObj, 0, 0,canvas.width,canvas.height);

            //the plugin
            setTimeout(function(){
            window.savephotoplugin(canvas,"image/png",device.version,function(val){ 
                    //returns you the saved path in val 
                    alert("Photo Saved: " + val);   
                });
            },0) 
        }           
        }              
</script>

按钮代码

 <div >  
 <IMG SRC="loadin.png" ALT="some text" WIDTH=100 HEIGHT=100>
 <button class="button" id="myCanvas" onclick="share()">SEND </button>
 </div>

但是在单击按钮后，phonegap 应用程序中不会触发任何事件。我的代码是正确的，即使 logcat 输出没有错误，但为什么没有得到输出？请帮我

4

1 回答 1

0

避免使用img.onload，它可能不会触发缓存的图像。但是您可以向 img src 添加一些随机值，例如

<img src="path/to/pic.jpg?r=1381257249" />

而且我看不到您将创建的附加imageObj到 DOM，不会触发任何事件。

于 2013-10-08T18:33:48.040 回答