Tag: webkit transform

CSS3如何计算比例后的高度和宽度

是否有任何jQuery解决方案可以找到-webkit-transform: scale(0.7851);精确显示高度-webkit-transform: scale(0.7851); scale值可能会有所不同，这就是寻找合适解决方案的原因 测试这些选项遗憾的是还没有找到解决方案:( height() innerHeight() outerHeight() outerHeight(true) 我认为这个问题只能解决一个数学基础;）

jQuery draggable和-webkit-transform：scale（）;

我有一种情况，在div里面有可拖动的物品。 但是，当使用-webkit-transform缩放父div时，拖动显然会停止正常工作。 我在这里重现了这个场景。 如您所见，可拖动项目相对于文档移动，即使父项的比例完全不同。 我有规模（在示例中为1.5 ）作为JS中的变量，所以我可以使用它，但在哪里？ 我需要按比例划分拖动距离，对吗？ 我在哪里可以做到这一点？ 编辑：我已经尝试设置一个函数来drag事件，但还是无法弄清楚如何实际改变拖动距离。 Edit2：我挖掘了jQuery UI源代码，似乎没有办法从事件drag执行此操作： if(this._trigger(‘drag’, event, ui) === false) { this._mouseUp({}); return false; } 如您所见，回调函数的返回值不以任何方式存储。 在回调被触发后 ，元素的位置会发生变化，因此更改回调内的CSS不起作用。 您可以在此处使用此字符串使用浏览器内搜索来查看相关代码： _mouseDrag: function(event, noPropagation) {

将变换值添加到元素上已有的当前变换中？

假设我有一个div ，它具有动态添加的translateX和translateY值。 我想将rotateY(20deg)添加到当前变换中，但是通过element.style.webkitTransform = “rotateX(20deg)”应用它会丢失其他值。 有没有办法添加rotateY而不会丢失translateX和translateY转换？