-
-
Notifications
You must be signed in to change notification settings - Fork 4.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Transparent background is not working on Safari + FF #55
Comments
ow, its an easy fix http://stackoverflow.com/questions/12273858/how-to-make-webgl-canvas-transparent tried that, works fine now.. |
hmm, but the alpha is now out in chrome |
so close! ya could try try removing the premultipliedAlpha from thw webGL creation context? |
I'm also having issues with transparent background with WebGL renderer. Background is transparent only in Opera, new Safari, Chrome and Firefox with WebGL leaves it green.
|
Looks like this is fixed in the dev branch by this commit: a479e27 |
Looks like the bug still persists. I'm using the same code above and the latest pixi from master (1.2.0), but background of the stage isn't transparent in Safari and FF. In Chrome and Opera everything is fine. |
I can confirm that this bug still persists when using the WebGLRenderer. If you open http://jsfiddle.net/SamFent/yvh4k/ in FireFox, you will see that the background is opaque and covers the text behind the canvas. The basic fix for this seems to be fairly simple: when we are requesting a transparent background, it seems we have to use gl.clearColor(0,0,0,0). Making this simple change fixes the issue in FireFox: However, this fix alone introduces a weird antialiasing issue in Chrome. In my example above with the nicely-rendered svg spheres with gradients, we suddenly get an ugly grey line around the spheres that seems to have been caused by the clipping of the edges: The fix for this seems to be to set premultipliedAlpha to true (where it was before the fix above (a479e27) was applied). Setting premultipliedAlpha: true returns the svg images to being rendered without ugly clipping: I have added a pull request for this fix here: #345 |
Update commit SHA to CC'S transparency-fix branch. See Pixi.js issue pixijs/pixijs#55 [#57659114]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. |
Hi,
I've tested it on
FF 19.0.2
Opera 6.0.3
OSX 10.8.3
check the green text.
btw: great library!
The text was updated successfully, but these errors were encountered: