Question

我正在寻找一种粘贴图像的方法，这些图像来自5-10＆＃34;图像的集合/列表＆＃34;在图像上单击鼠标位置多次。它应该感觉像你＆＃34; stamp＆＃34;这些＆＃34;邮票图像＆＃34;到另一个图像。所以＆＃34;盖章＆＃34;只要您点击图像，图像就应该保留在图像上，而下面的图像只有＆＃34;清除＆＃34;当你重新加载页面时。

我经常搜索，但我找不到我想要的东西。类似的技术被粘贴在jsfiddle上，但是它会盖上＆＃34;邮票＆＃34;当您点击图片中的其他位置时，只有一个图片会消失：http://jsfiddle.net/haFMn/304/

如果＆＃34;溢出＆＃34;那将是完美的。＆＃34;邮票图像＆＃34;即使它扩展到超出下面图像的大小，也是可见的，但你只能＆＃34;盖章＆＃34;当你点击下面的图像时。

我希望有人理解我的问题，英语不是我的第一语言。很多，非常感谢提前！

jsfiddle代码：

        $(function() {
    $("#myimg").click(function(e) {
        var o = {
            left: e.pageX,
            top: e.pageY
        };
        $("#test").show(0).offset(o);
    });
});

它不必像我发现的上述代码那样，这是我最接近我搜索的代码。

编辑（如果有人感兴趣，现在看起来像这样）：

jsfiddle new version

$(function() {
$("#myimg").click(function(e) {
    var o = {
        left: e.pageX - 12.5,
        top: e.pageY - 12.5            
    };
    $("#test").clone().appendTo('body').show(0).offset(o);
});
});

谢谢！

Answer 1

稍微调整一下：

$(function() {
$("#myimg").click(function(e) {
    var o = {
        left: e.pageX,
        top: e.pageY            
    };
    $("#test").clone().appendTo('body').show().offset(o);
});
});

jsfiddle here

你正在尝试做什么？

将“预定义”图像“标记”到鼠标位置的另一图像上

jsfiddle代码：

1 个答案: