PNG Trasparenza su Tela
-
10-10-2019 - |
Domanda
La tela di supporto PNG alpha? Im avendo alcuni problemi con alcuni PNG che ho aggiunto alla tela. I bordi delle immagini sono in bianco e frastagliata come se non esiste un canale alfa o viene riconosciuto.
Soluzione
Se si mette un PNG a 24 bit con alpha sulla tela si capisce.
https://developer.mozilla.org/ it-IT / docs / Web / Guida / HTML / Canvas_tutorial / Using_images
Forse i vostri PNG non sono pulite, vale a dire avere le regioni non trasparenti alle frontiere?
Altri suggerimenti
clearRect () o fillRect () prima ridisegnare l'immagine PNG, se farlo in un ciclo requestAnimationFrame o setInterval.
sono incappato in questo problema come ho avuto un problema simile, ma la mia immagine era già a 24-bit. Aveva un cappio requestAnimationFrame ridisegnando l'immagine PNG alla tela e (come hai detto), come si sovrapponevano, il risultato è stato questo "bruciato" bordi dove dovrebbe avere l'alfa "fade-out" di trasparenza.
Semplicemente la pulizia della zona prima di chiamare drawImage, è possibile impedire che l'immagine da rendere su se stessa.