Make sure at least 10% has alpha
This commit is contained in:
parent
ba2e9c29e4
commit
eb4b22a265
1 changed files with 6 additions and 3 deletions
|
@ -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');
|
||||||
|
|
Loading…
Add table
Reference in a new issue