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.

È stato utile?

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.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top