基于x位置的缩放元素

Question

数学不是我最强的领域，我有点坚持如何解决这个问题。

获取此代码，例如：

let node = document.querySelector('div');
let d;

function update({clientX}) {
  if(!d) return; // Dragging?

  let w = innerWidth; // Window width
  let s = ...; // Scale value?

  node.style.transform = `translateX(${v}) scale(${s})`;
};

node.onmousedown = () => d = true;
node.onmouseup = () => d = false;
node.onmousemove = update;

想象一下，我在浏览器窗口中将div从左向右拖动，当它位于屏幕中心时，如果它处于1.0刻度，当它到达外边缘时，我怎么能这样做？它越来越小到0.0？

Answer 1

也许您只想按百分比进行扩展？

()

当然，你必须在拖动时改变百分比。