javascript - Jquery - 在特定坐标处添加图像

Question

是否可以使用jquery在div内的点击位置添加图像？

我需要开发一个小游戏，基本上涉及单击屏幕来猜测位置 - 用户单击的任何位置都会放置图像......

我知道如何获取被单击位置的 X 和 Y 坐标 - 但不知道如何将图像放置在该位置...

我们将非常感激任何帮助!

干杯 保罗

Answer 1

确保 div 设置为 position:relative，然后在创建图像时将其设为 position:absolute 并设置 top 和left 属性设置为您的点击坐标。像这样的事情:

$('#yourdiv').append( 
  '<img src="/path/to/your/image.jpg" 
     style="width:auto;height:auto;position:absolute;
            left:' + yourxcoord + ';top:'+ yourycoord +'" />");