2013-10-08 123 views
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输出没有错误,但为什么没有得到输出?请帮我

+1

您正在使用永远不会触发的imageObj.onload。我错过了什么吗? – zvona

回答

0

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

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

,我无法看到你创建附加到imageObj DOM,没有事件将触发它。

+0

感谢您的回复,现在onclick按钮响应,但我收到“Uncaught TypeError:不能读取未定义的属性'版本”删除img.onload后出现此错误。对此有何想法? @Arty Gus –

+0

@dd什么'设备'变量或..你可以请发布完整的代码jsfiddle? – artygus

+0

确保您已安装设备插件 –