Javascript 瞬间放大/缩小

Javascript 瞬间放大/缩小,javascript,zooming,Javascript,Zooming,我如何设置它,以便在移动拖动器时缩放瞬间改变 您可能希望使用input而不是change,因为在范围滑块的值立即更改后,input将调用您的函数,而change将仅在用户提交值时调用它 所以试试这个: document.getElementById('zoom').addEventListener('input',…您可能希望使用input而不是change,因为在范围滑块的值立即更改后,input将调用您的函数,而change将仅在用户提交值时调用它 所以试试这个: document.

我如何设置它,以便在移动拖动器时缩放瞬间改变


您可能希望使用
input
而不是
change
,因为在范围滑块的值立即更改后,input将调用您的函数,而change将仅在用户提交值时调用它

所以试试这个:


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

您可能希望使用
input
而不是
change
,因为在范围滑块的值立即更改后,input将调用您的函数,而change将仅在用户提交值时调用它

所以试试这个:

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

  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);