toile fillStyle dans l'intervalle avec la transparence/opacité

Ce petit code à effacer les anciennes données du canevas dans l'intervalle:

//start interval
ctx.save();
    ctx.fillStyle = "rgba(0, 0, 0, 0.2)";
    ctx.fillRect(0, 0, ctx.width, ctx.height);
ctx.restore();
//some draw code for new graph
...
//end interval

Ma zone de travail deviennent noirs, car j'ai mis du noir comme couleur de remplissage ( rgba(0, 0, 0, .2) ), mais j'ai besoin d'un arrière-plan transparent, pas noir.

J'ai essayé d'utiliser globalAlpha et imagePutData mais j'ai échoué.

Comment je peux faire cela?

avez-vous essayé clearRect ?
si je rect, il effacer toutes les anciennes données, mais j'ai besoin d'enregistrer des données anciennes et réglez l'opacité (c'est pourquoi j'utilise de couleur rvba modèle ) jusqu'à ce que l'intervalle de fait complètement transparent
peut-être définir ctx.globalCompositeOperation = 'destination-out' et puis dessiner ?
Merci! J'ai essayé avec globalCompositeOperation, mais pas avec cette valeur.
Ses travaux. Merci!

OriginalL'auteur user951114 | 2011-09-18

  1. 6

    À l'aide d'un rgba(0,0,0,.2) fillStyle et fillRect() fonctionne pour moi sur chrome et firefox - peinture semi-transparente noire de remplissage. Assurez-vous que vous ne faites pas quelque chose d'autre qui est à l'origine d'une opacité de la peinture, de la sorte.

    OriginalL'auteur broofa

  2. 6

    Je pense que cela permettra de résoudre votre problème

    ctx.fillStyle = "rgba(255, 255, 255, 0.5)";

    OriginalL'auteur Mubasher Shahzad

  3. 3

    essayer ctx.toile.largeur, au lieu de ctx.largeur

    OriginalL'auteur Soyoes