1

5 ～ 10 個の「スタンプ画像」のセット/リストから、マウスの位置で複数回クリックした画像に画像を貼り付ける方法を探しています。これらの「スタンプ画像」を他の画像に「スタンプ」するように感じるはずです。したがって、「スタンプされた」画像は、クリックしている限り画像にとどまる必要があり、下の画像はページをリロードしたときにのみ「クリア」されます。

いろいろ検索しましたが、探していたものを正確に見つけることができませんでした。同様の手法が jsfiddle に貼り付けられましたが、1 つの画像のみを「スタンプ」し、画像内の別の場所をクリックすると消えます: http://jsfiddle.net/haFMn/304/

下の画像のサイズを超えて拡大しても「スタンプ画像」の「オーバーフロー」が表示されれば完璧ですが、下の画像をクリックした場合にのみ「スタンプ」できます。

誰かが私の問題を理解してくれることを願っています。英語は私の母国語ではありません。よろしくお願いします！

jsfiddle コード:

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

私が見つけた上記のコードのようなものである必要はありません。これは、私が探しているものに最も近いものです。

編集（誰かが興味を持っている場合は、次のようになります）：

jsfiddle 新バージョン

$(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);
});
});

ありがとう！

4

1 に答える 1

0

これに少し微調整しました：

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

ここでjsfiddle

これはあなたがやろうとしていることですか？

于 2013-07-18T20:16:18.153 に答える