複製圖像時單擊所以它跟隨光標jquery

我想要能夠複製圖像時單擊它，然後使其遵循光標，同時保留原始圖像的位置。此代碼在單擊圖像時起作用，以便它跟隨光標，但與原始圖像一起使用。我想複製它複製圖像時單擊所以它跟隨光標jquery

$('li').on("click", function (e) { 

    // Make image follow cursor upon clicking 
    if ($(this).get(0).classList.toString().search("-") > -1) { 

     var $canvas = $(this).get(0).classList.toString().split(" ").join("."); 

     $('ul,.map').mousemove(function (e) { 
      $('.' + $canvas).offset({left: e.pageX, top: e.pageY}); 
     }); 
    }  
})

我不知道使用哪種方法來複製圖像。我嘗試使用

clone()

像這樣

$('.' + $canvas).clone().offset({left: e.pageX, top: e.pageY})

，但沒有奏效。

來源

2016-09-17 tuyenle

如何有克隆的元素，才能在DOM來「創造」它的地方追加。 – yuriy636

$("p").clone().appendTo("body");

這將克隆所有p元素並追加到主體。它來自W3C jQuery clone（）方法頁面。它看起來不起作用，因爲你的克隆方法的語法是錯誤的。也許你可以試試

$("$canvas").clone().appendTo("body");

這裏是鏈接到W3C的學校條目克隆方法 - http://www.w3schools.com/jquery/html_clone.asp

來源

2016-09-17 21:30:26 Brian

複製圖像時單擊所以它跟隨光標jquery

回答

相關問題