Javascript 从滑块fabricjs更改活动对象不透明度

我试图从slider更改活动画布对象的不透明度，但我不明白为什么这段代码不起作用。我正在使用fabric.js

滑块的html：

<input class="opacity-slider" type="range" max="100" min="0" step="1" value="100">

找到了解决办法。 我没有用100除以不透明度，所以

var obj = canvas.getActiveObject();
$(document).on("change", ".opacity-slider", function (){
    var opacity = jQuery(".opacity-slider").val();
    opacity = opacity / 100;
    jQuery(".slider-value").text(opacity);
    canvas.getActiveObject().setOpacity(opacity)
    canvas.renderAll();
});

var obj = canvas.getActiveObject();
$(document).on("change", ".opacity-slider", function (){
    var opacity = jQuery(".opacity-slider").val();
    opacity = opacity / 100;
    jQuery(".slider-value").text(opacity);
    canvas.getActiveObject().setOpacity(opacity)
    canvas.renderAll();
});