0

コンソールは、不透明度が 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();
}
4

1 に答える 1

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'
        });
    });
});
于 2013-11-02T02:51:48.553 に答える