调整元素大小

Question

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

我使用jQuerys resizeable（）函数遇到的问题是它与UI的依赖关系以及会给我相当纤细的代码库带来的膨胀。此外，它只使用一个角手柄来调整大小，我想要一个更接近界面的界面，以及在TinyMCE中如何调整表和图像大小。

即，要调整大小的元素周围的虚线边框，拖出8个点。如果你在他们的网站上尝试TinyMCE演示，你会明白我的意思。它允许根据拖动点保持和扭曲纵横比。

我调整大小的大多数点击都是为了适应页面宽度一次调整图像的大小，但是我希望能指向正确的方向，以防有一个片段或jquery插件在那里我已经错过。

Answer 1

几个月前我遇到了同样的“问题”，不想使用jquery UI但想要调整大小...我遇到了这个“自定义事件”插件。很轻，做的工作。

threedubmedia jquery.event.drag

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

希望它有所帮助！

Answer 2

您可以使用CSS3的resize。

http://jsfiddle.net/BramVanroy/uAzVY/

尽管没有你想要的那么多功能。