如何在用戶點擊時添加圖片？

我想在用戶點擊的位置準確地添加圖片。我有這到目前爲止，但它只是增加了圖像的頂部和只是不斷增加它有...而不是在用戶在點擊如何在用戶點擊時添加圖片？

<html> 
    <head> 
     <script type="text/javascript"> 
      function stamp(d,e) 
      { 
       var i = new Image(); 
       i.src = 'smiley.jpg'; 
       document.getElementById('target').appendChild(i); 
       //document.getElementById('target').style.left = "100px"; //e.clientX ; 
       //document.getElementById('target').style.right = "1000px"; //e.clientY; 
      } 

</script> 
</head> 
<body id="target" onclick="javascript:stamp(this,event);" style="left: 100px"> 

</body> 
</html>

來源

2011-10-18 Muhammad Zubair

window.onclick = function(event) { 
    var i = new Image(); 
    i.src = 'http://jsfiddle.net/img/logo.png'; 
    i.style.position = "absolute"; 
    i.style.left = event.clientX + 'px'; 
    i.style.top = event.clientY + 'px'; 

    event.target.appendChild(i); 
}

Example

來源

2011-10-18 03:10:25 Joe

回答

相關問題