javascript - 调整元素大小

标签 javascript jquery css html

我正在寻找允许您调整任何 html 元素或只是 div 大小的 JS 或 jQuery(仅核心依赖)代码 - 可以使用 div 容器作为内容。

我在使用 jQuerys resizeable() 函数时遇到的问题是它与 UI 的依赖关系以及会给我相当精简的代码库带来的膨胀。此外,它仅使用 Angular handle 来调整大小,我希望界面更符合 TinyMCE 中表格和图像大小调整的工作方式。

也就是说,要调整大小的元素周围有一个虚线边框,有 8 个点可以从中拖动。如果您在他们的网站上尝试 TinyMCE 演示,您就会明白我的意思。它允许根据拖动点保持和扭曲纵横比。

我在调整大小时获得的大多数点击是一次性调整图像大小以适应页面宽度,但我希望被指向正确的方向以防万一我有一个片段或 jquery 插件错过了。

最佳答案

几个月前我遇到了同样的“问题”,不想使用 jquery UI 但想调整大小...我遇到了这个“自定义事件”插件。非常轻,可以胜任。

threedubmedia jquery.event.drag

您可以在页面底部看到调整大小的演示。

希望对您有所帮助!

关于javascript - 调整元素大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12531903/

相关文章:

javascript - 使用谷歌浏览器调试和编辑嵌入在 HTML 页面中的 javascript

javascript - post done 函数中的 jQuery post

css - 奇怪的 sass 行为,错误?

javascript - JQuery 无法在 IE v8 以下版本上运行

javascript - 循环结果数组的最后一个索引

javascript - ASP.net Core 2.1 中的 Knockout js 返回未定义?

jquery - 在 Summernote 上插入图像后调整图像大小

jquery - 使用jquery将div高度设置为文档高度

html - 如何使用 CSS 设置标题的父 li 元素的样式?

javascript - 如何将 "All"项放入搜索工具栏的选择菜单中?