Estoy tratando de escribir una página web que pueda editar una foto, como el brillo. Y elijo una biblioteca llamada Caman.js para lograr mi objetivo. Pero cuando edito el brillo de la foto con this.brightness(...).render() , encuentro que la imagen no puede volver a su estado original, se volverá blanco puro o negro. Parece que la imagen ha perdido mucha información.

Y encuentro un tutorial en youtube, y tiene el mismo problema ( https://codepen.io/bradtraversy/pen/qoJZBy ). Pero el ejemplo en el sitio web oficial ( http://camanjs.com/examples/ ) es bueno, quiero saber cómo hacerlo.

 <input type="range" min="0" max="20" value="10" id="slider_bright"/> <script> Caman("canvas",image_src,() => { this.render(); }) const slider_bright = document.getElementById('slider_bright') var pre_slider_bright_value = 20; slider_bright.addEventListener('input',()=>{ Caman("canvas",image_src,function () { if(pre_slider_bright_value<slider_bright.value*1){ //decrease brightness this.brightness(slider_bright.value*1 - pre_slider_bright_value).render(); }else{ //increase brightness this.brightness(slider_bright.value*1 - pre_slider_bright_value).render(); } pre_slider_bright_value = slider_bright.value }) }) </script>