如何重新定位放置在圖像上的div

-2

我正在使用Jquery。讓我來解釋一下我正在做什麼。

頁面加載一個圖像與工具選擇器側可用於在圖像上插入元素（想像mspaint）像文本框，標題等.... 將有一個選項來重新大小/移動給定div尺寸的圖像將根據用戶屏幕進行限制。所以我把文本框在一個位置，而當用戶移動/重新大小的圖像，我應該確保在圖像的文本框也重新大小，就好像它在圖像上的堅持。

來源

2014-01-09 linux developer

會明白爲什麼被選爲非建設性的。即使這是我試圖理解的一個愚蠢的問題。謝謝！！！ –

可能是缺乏信息。你已經有圖像重新調整的工作？如果是的話那是如何實施的？這對你給出一個很好的答案很重要。從我身上快速的想到將圖像放在一個容器div中，可能作爲背景。然後把一個文本區域放在絕對頂部/左邊/底部/右邊= 0的位置。現在它與圖像的大小相同。 – lupos

很多人沒有解釋就沒有建設性的投票，當你不知道爲什麼時，這很令人沮喪。 –

這是絕對有可能的。使用jQuery UI的.resizable（）方法，可以在調整大小時捕獲圖像的高度和寬度。然後，您可以簡單地將該高度和寬度應用於textarea。

像這樣的：

$("img").resizable({ 
    resize: function (event, ui) { 
     $('textarea').css({ 
      'height': $(this).height(), 
      'width': $(this).width() 
     }); 
    } 
});

這是一個非常基本工作示例：JSFIDDLE

來源

2014-01-09 16:53:37 wrxsti

謝謝你的建議。 –

您是否使用jQueryUI進行調整大小？ – wrxsti

是的，我正在使用jquery。但讓我告訴你我的意圖是什麼。頁面加載一個圖像與工具選擇器的一面可用於在圖像上插入元素。比如文本框大小等。根據用戶屏幕的不同，可以選擇重新調整大小/移動圖像。所以當我把一個文本框放在一個位置時，所以當用戶移動/重新調整圖像大小時，我應該確保圖像上方的文本框也重新調整大小，就像它粘在圖像上一樣。 –

如何重新定位放置在圖像上的div

回答

相關問題