extjs控制图片缩放

Ext.onReady(function() {
    Ext.create('Ext.panel.Panel', {
        title: 'Image Zoom Example',
        width: 600,
        height: 400,
        layout: 'fit',
        items: [{
            xtype: 'image',
            src: 'path/to/your/image.jpg',
            listeners: {
                afterrender: function(img) {
                    img.getEl().on('click', function() {
                        var currentScale = img.getScaleX();
                        if (currentScale === 1) {
                            img.setScale(2); // 放大两倍
                        } else {
                            img.setScale(1); // 恢复原始大小
                        }
                    });
                }
            }
        }],
        renderTo: Ext.getBody()
    });
});