瞬间放大In/Out

Question

我该如何设置它，以便在您移动拖动器时立即更改缩放比例？

  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，因为 input 将在范围滑块的值立即更改后调用您的函数，而 change 仅在值为由用户提交。

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

所以试试这个：

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

瞬间放大In/Out

Zooming In/Out instantaneously

javascript

zooming