即时放大/缩小

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', ...