Make sure at least 10% has alpha

This commit is contained in:
Lim Chee Aun 2023-03-15 15:48:26 +08:00
parent ba2e9c29e4
commit eb4b22a265

View file

@ -56,9 +56,12 @@ function Avatar({ url, size, alt = '', ...props }) {
canvas.width, canvas.width,
canvas.height, canvas.height,
); );
const hasAlpha = allPixels.data.some((pixel, i) => { // At least 10% of pixels have alpha <= 128
return i % 4 === 3 && pixel <= 128; const hasAlpha =
}); allPixels.data.filter((pixel, i) => i % 4 === 3 && pixel <= 128)
.length /
(allPixels.data.length / 4) >
0.1;
if (hasAlpha) { if (hasAlpha) {
// console.log('hasAlpha', hasAlpha, allPixels.data); // console.log('hasAlpha', hasAlpha, allPixels.data);
avatarRef.current.classList.add('has-alpha'); avatarRef.current.classList.add('has-alpha');