我正在尝试从 slider 更改事件 Canvas 对象的不透明度,但我不明白为什么此代码不起作用。我正在使用 Fabric.js。
slider 的 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();
});
最佳答案
找到了解决方案。 我没有将不透明度除以 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();
});
关于javascript - 从 slider Fabricjs 更改事件对象的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39729897/