Question

使用更多信息重新编辑我的问题

我正在使用Jquery。让我解释一下我究竟想要实现的目标。

页面加载一个图像，工具选择器可用于在图像上插入元素（想象像mspaint），如文本框，标题等.... 如果根据用户屏幕限制div大小，将有一个重新调整大小/移动图像的选项。所以我在一个位置放置了一个文本框，当用户移动/重新调整图像大小时，我应该确保图像上的文本框也重新调整尺寸，好像它粘在图像上一样。

Answer 1

这绝对是可能的。使用jQuery UI的.resizable（）方法，您可以在调整大小时捕获图像的高度和变量中的宽度。然后，您只需将相应的高度和宽度应用于textarea。

有点像这样：

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

以下是非常基本的工作示例：JSFIDDLE

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

1 个答案: