Wie man WebGL canvas-transparent

Ist es möglich, WebGL canvas mit transparenten hintergrund?
Ich möchte den Inhalt der web-Seite sichtbar über die Leinwand.

Dies ist, was ich jetzt habe: http://i50.tinypic.com/2vvq7h2.png

Wie Sie sehen können, den text hinter dem WebGL-canvas ist nicht sichtbar. Wenn ich Stil Canvas-element in CSS und fügen Sie

opacity: 0.5;

Wird die Seite wie folgt Aussehen:
http://i47.tinypic.com/302ys9c.png

Ist fast das, was ich will, aber nicht ganz - die Farbe von text aufgrund der CSS-alpha-Einstellung ist natürlich nicht das gleiche ist schwarz und die Farbe blau Form ist nicht das gleiche blau wie im ersten Bild.

Vielen Dank für jede Hilfe!!!

InformationsquelleAutor Jack Sean | 2012-09-05

  1. 12

    WebGL unterstützt alpha-Transparenz standardmäßig, aber Sie haben, es zu benutzen. Die meisten im Grunde, machen Sie sicher, dass Sie gesetzt haben, die klare Farbe zu transparent, gl.clearColor(0, 0, 0, 0) ist, bevor Sie Ihr gl.clear Betrieb.

    Wenn Sie möchten, um semi-transparente Objekte gezeichnet sind, das wird in den blending-Operationen sortiert und zeichnen, aber es sieht aus wie Sie nur wollen, dass die un-gezogen-Bereich transparent werden, welche der oben genannten ist ausreichend.

    Danke, das war der trick!

    InformationsquelleAutor Kevin Reid

Schreibe einen Kommentar