从滑块 fabricjs 更改活动对象的不透明度答案

【问题标题】：Change active object opacity from slider fabricjs从滑块 fabricjs 更改活动对象的不透明度
【发布时间】：2017-02-05 09:28:03
【问题描述】：

我正在尝试从滑块更改活动画布对象的不透明度，但我不知道为什么此代码不起作用。我正在使用 fabric.js。

滑块的html：

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

js:

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

【问题讨论】：

标签： javascript jquery fabricjs

【解决方案1】：

找到了解决方案。我没有将不透明度除以 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();
});

【讨论】：