如何将opacity变量传递给函数draw（）

Question

控制台向我确认不透明度正确传播0到1之间的值。我搜索了几个小时如何使用此变量来绘制（）来改变矩形透明度的值。我很感激任何指导。

$(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'
        });
    });
});