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; 

は、私はどのように私はそれが画面の中心にいたとき、それはそれはATの作ることができ、ブラウザウィンドウで、左から右へのdivをドラッグするよ想像1.0スケールであり、外側エッジに達するとますます小さくなり、0.0になりますか？

Answer 1

多分、パーセントでスケールしたいのですか？

function scaleByPercent(element, percent){ 
    var p = percent/100, e = element.getBoundingClientRect(), w = e.width, h = e.height; 
    e.style.width = w*p+w; e.style.height = h*p+h; 
} 
scaleByPercent(document.getElementById('yourDivId'), 25); 

もちろん、ドラッグするときにパーセントを変更する必要があります。