javascript - 如何让用户将图像移动到div中进行预览

标签 javascript jquery html image

我有

<div id="logo" style="border: 3px coral solid;position:absolute;left:160px;top:35px;width:140px; height:100px; z-index:5">
   <img src="img.png" ></img>
</div>

img.png 比 div 尺寸大,所以它会显示在 div 之外。 我只需要在那个 div 中显示一张图像,所以 x 从 0 到 140px,y 从 0 到 100px。而且我必须让用户移动图像以仅将他想要的部分居中。你能帮助我吗?我可以使用一些 jquery 脚本来执行此操作吗?

最佳答案

使用 jqueryui.com/demos/draggable 解决

关于javascript - 如何让用户将图像移动到div中进行预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8284585/

相关文章:

javascript - 使用 html-pdf 包动态生成 pdf

javascript - 在日历中显示周数列

javascript - 如何为节目中的按钮设置动画?

javascript - 如何内联显示未定义数量的 div?

javascript - NodeJS 使用 module.exports 导出异步变量

javascript - 在悬停时突出显示表格行显示列之间的空白

javascript - 通过 AJAX 刷新表格

php - Ckeditor 并使用 $_POST 插入 Mysql

javascript - 支持 LLVM 的 HTML/JS/CSS 语法高亮器

html TD全宽重叠其他