Question

我正在编写一个功能，可以像这样编辑后保存图像

<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输出没有错误，但为什么我没有得到输出？请帮帮我

Answer 1

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

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

我无法看到你将创建的imageObj附加到DOM，没有任何事件可以触发它。

按钮点击javascript没有响应

1 个答案: