tela fillStyle in un intervallo trasparente/opacità

Questo piccolo codice chiaro vecchia tela di dati in un intervallo:

//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

Mia area di lavoro nero, perchè ho impostato il nero come colore di riempimento ( rgba(0, 0, 0, .2) ), ma ho bisogno di uno sfondo trasparente e non nero.

Ho provato a utilizzare globalAlpha e imagePutData ma ho fallito.

Come posso fare questo?

  • hai provato clearRect ?
  • se ho chiaro rect, in chiaro tutti i vecchi dati, ma ho bisogno di salvare i dati vecchi e impostare l’opacità (di che perché io uso rgba modello di colore ) fino a quando l’intervallo ha reso del tutto trasparente
  • forse impostare ctx.globalCompositeOperation = 'destination-out' e quindi disegnare ?
  • Grazie! Ho provato con globalCompositeOperation, ma non con questo valore.
  • La sua opera. Grazie!
InformationsquelleAutor user951114 | 2011-09-18



3 Replies
  1. 6

    Utilizzando un rgba(0,0,0,.2) fillStyle e fillRect() per me funziona sia su chrome e firefox – dipinge un semi-trasparente nero di riempimento. Controllare per assicurarsi che non stai facendo qualcosa che sta causando una cucina completamente opaco vernice di qualche tipo.

Lascia un commento