javascript - Sencha touch transform (scaling) a panel reset the transform on dragstart

Question

我正在尝试使用 Sencha Touch 2 构建一个可缩放的面板，但 在我应用变换比例之后，例如（假设“mapcontainer”是我需要捏缩放的元素）：

Ext.getCmp('mapcontainer').setStyle({
    'transform':        'scale(2)',
    '-ms-transform':    'scale(2)',
    '-webkit-transform':'scale(2)'
});

和dragstart，元素上的比例重置为1。

作为更多信息，我尝试在所有其他事件上返回 false，包括 dragstart。但它似乎并没有保持规模。

任何想法为什么？

Answer 1

想出了解决方案，但不是原因。（任何人？）

基本上我是在放大容器，但没有增加它的宽度和高度。

所以，最后代码看起来像：

Ext.getCmp('mapcontainer').setHtml("Hello");
Ext.getCmp('mapcontainer').setStyle({
    'transform':        'scale(2)',
    '-ms-transform':    'scale(2)',
    '-webkit-transform':'scale(2)'
});
Ext.getCmp('mapcontainer').setHeight('200%');
Ext.getCmp('mapcontainer').setWidth('200%');

请注意，我们需要执行 setHeight 和 setWidth 而不是在 setStyle 中使用它们，因为这些配置值会覆盖使用 CSS 设置的值。