Transparence PNG sur toile

Question

Est-ce que le support PNG toile alpha? Im ayant quelques problèmes avec quelques PNGs que je l'ai ajouté à la toile. Les bords des images sont en noir et découpées comme si aucun canal alpha existe ou est reconnu.

Answer 1

Si vous mettez un alpha sur la toile PNG 24 bits, il comprend.

https://developer.mozilla.org/ en-US / docs / Web / Guide / HTML / Canvas_tutorial / Using_images

Peut-être que vos PNGs ne sont pas propres, à savoir que les régions non-transparentes aux frontières?

Answer 2

clearRect () ou fillRect () avant de redessiner l'image PNG, si vous êtes faire dans une boucle requestAnimationFrame ou setInterval.

Je suis tombé sur cette question comme je l'avais un problème similaire, mais mon image était déjà à 24 bits. Avait une boucle de requestAnimationFrame redessiner l'image PNG sur la toile et (comme vous l'avez dit) qu'ils chevauchaient, le résultat était ce « brûlé » bords où il devrait avoir l'alpha « fade out » transparence.

Il suffit de nettoyer la zone avant d'appeler drawImage, vous pouvez empêcher cette image à rendre sur lui-même.