Question

我正在为我的项目使用ExtJS。

我需要在ExtJS中创建一个可变大小的窗口来显示我的用户上传的图像。

但是，如果较小的图像上传150x150，我希望窗口“适合”图像，即窗口应为150x150。

但如果更大的图像，比如上传3000x3000，那么我希望窗口只有800x600，图像可以正确调整大小并在其中渲染。

我想在ExtJS中这样做。这是我的图像查看器代码。请帮我在这里找到解决方案。

    viewWin = new Ext.Window({
          title : title,
    layout  : 'auto',
    width   : '50%',
       resizable: false,
    shadow  : true,
    items   : [new Ext.ux.MediaPanel({
            border  : false,
            style   : {width:'100%', height:'100%'},
            mediaCfg : {
                mediaType: 'JPEG',
                url :  url,
                }
        })]
});

Answer 1

为此，为什么不使用shadowbox：Shadowbox

我认为这是最简单的方法，它会自动适应用户的分辨率和图像大小。它适用于很多框架，包括Ext，所以如果使用这样的工具不是你的项目的问题，我会强烈建议这样做;）

ExtJs中的动态窗口大小

1 个答案: