jquery - 如何将不透明度变量传递给函数draw（）

Question

控制台向我确认 opacity 正确地传播了 0 和 1 之间的值。我搜索了几个小时如何将此变量用于函数 draw() 以更改矩形的透明度值。我将不胜感激任何指导。

$(document).ready( function() {         
        $('.demo').each( function() {
         $(this).minicolors({
        opacity: true,                  
        change: function(hex, opacity) {                        
         console.log(hex + ' - ' + opacity);

                      draw();                       

                   },

                theme: 'bootstrap'
            });                
        });

    });

// 我需要将 opacity var 传递给 opacityVar(?)

function draw() {

     ctx.save();        
     ctx.beginPath();
     ctx.rect(0, 10, 200, 320); 
     ctx.fillStyle = 'rgba(77,225,77, MyOpacity'; 

      ctx.fill();
}

Answer 1

你可以像这样通过它

//draw accepts opacity as a parameter
function draw(opacity) {
    ctx.save();
    ctx.beginPath();
    ctx.rect(0, 10, 200, 320);
    ctx.fillStyle = 'rgba(77,225,77, ' + opacity + ')';
    ctx.fill();
}

$(document).ready(function () {
    $('.demo').each(function () {
        $(this).minicolors({
            opacity: true,
            change: function (hex, opacity) {
                console.log(hex + ' - ' + opacity);
                //pass opacity as the argument
                draw(opacity);
            },
            theme: 'bootstrap'
        });
    });
});