瞬時にズームイン/アウト

Question

ドラッカーを動かすとズームが即時に変更されるように設定するにはどうすればよいですか？

https://jsfiddle.net/5ek6drwk/6/

var svg = document.getElementsByTagName('svg')[0]; 
     var w = parseFloat(svg.getAttribute('width')); 
     var h = parseFloat(svg.getAttribute('height')); 

     document.getElementById('zoom').addEventListener('change', 
      function() { 
      document.getElementById('rv').textContent = this.value; 
      svg.setAttribute('width', w + this.valueAsNumber); 
      svg.setAttribute('height', h + this.valueAsNumber * h/w); 
      }, false); 

Answer 1

あなたはおそらく変更は唯一、それを呼び出しますしながら、範囲スライダの値が直ちに変更された後の入力は、あなたの関数を呼び出しますので、inputではなくchangeを使用したいと思います値がユーザーによってコミットされたとき

https://developer.mozilla.org/en-US/docs/Web/Events/input

だから、これを試してみてください。

document.getElementById('zoom').addEventListener('input', ...