jquery-ui - 可调整窗口分辨率

标签 jquery-ui jquery-ui-resizable

我有一个 img#myimage,其 src 为 1000px x 1000px。然后我使用 .css() 将其大小调整为 100 x 100 并对其应用 ressized():

$('#myimage').css('width' : '100px', 'height' : '100px'})
             .resizable();

当我使用调整大小 handle 将其扩展回1000 x 1000时,会发生什么?我是否仍然拥有一百万像素的分辨率,或者当我使用 css() 减小宽度和高度时是否丢失了一些东西?

看来我仍然有百万像素,但我想了解其他人对这里真正发生的事情的想法。

最佳答案

jQuery 实际上并不调整图像的大小,它只是缩放图像。因此,当您将其缩放回 1000x1000 时,它仍然是完整分辨率(因为图像实际上并未改变)。

如果您想实际调整大小并保存图像,您将需要服务器端代码(例如 php 或 asp)来处理图像并将其发送回浏览器。

关于jquery-ui - 可调整窗口分辨率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18007639/

相关文章:

jquery - 一起实现可排序和可调整大小的 Jquery UI

jquery-ui - 垂直 Flex 框和 Jquery Ui 调整大小

javascript - JQuery UI 可调整网格大小,根据网格值行为不一致

jquery - 如何使用 jQuery 使 div 的所有 4 个角都有可调整大小的 handle ?

javascript - jqueryUI 可调整大小和可拖动不能一起工作

javascript - Backbone JS 和 JQuery 插件架构在 Mini Photoshop 项目中一起使用

javascript - JavaScript 中的自定义 "confirm"对话框?

jquery - 谷歌地图 + jQuery : rendering bug

ajax - 自动完成仅显示消息 N 结果可用,使用向上和向下箭头键进行导航。而是显示列表

jquery-ui - 在 jQuery UI 对话框中使用 video.js 会出现第二个视频和重复播放的问题