So fügen Sie Transparenz zu einem html5-Canvas hinzu

Question

So habe ich mit HTML5-Canvas-Eigenschaften herumgespielt, um ein Diagramm für meine Statistiken zu erstellen. Endlich habe ich es geschafft, diese geraden Linien in glatte, grafische Berge zu verwandeln, aber nachdem ich lineTo mit quadraticCurveTo ersetzt hatte, änderte sich der fillStyle des Graphen von transparentem rgba zu einer Volltonfarbe.

Bild des Graphen enter image description here

Wie Sie sehen können Sie nicht genau die Grafik hinter sehen.

Was ich versucht habe (das ist, was ich googleing dieses Problem gefunden):

ctx.fillStyle = 'rgba(0, 148, 133, 0.5)'; 
ctx.globalAlpha = 0.5; 

Vielleicht haben Sie Jungs Lösungen für mich?

Ich sah auch etwas über fillRect aber ich bin nicht genau sicher, wie man fillrect auf graphlike Form verwendet.

Das Endergebnis coulb so etwas wie dies enter image description here

Answer 1

sein ich einen Schlaganfall zu dem Graphen hinzugefügt und jetzt genau es ist, wie ich es möchte. Dumme Lösung, aber ich konnte zuerst nicht daran denken.

enter image description here