fix: viewing disgusting objects when user is a cat with having transparent avatar

[acid-chicken]

What

猫耳オブジェクトを丸型（猫耳カチューシャ状）に切り取られるようにする

Why

アイコンが読み込まれていなかったり透明なアイコンを使用していると猫耳とは似つかない何かが見えるため

Additional info (optional)

Firefox, Safari は mask で切り取っている Chrome は -webkit-mask, -webkit-mask-composite で切り取っている

[syuilo]

maskってiOSだとめちゃくちゃGPU使ってたけど今は解決したのかしら

[tamaina]

ぼかし無効でこれもオンオフできるようにすれば良さそう？

#9976

[codecov[bot]]

Codecov Report

Merging #10039 (8810c9c) into develop (41d1b1b) will increase coverage by 3.15%. The diff coverage is 97.54%.

:exclamation: Current head 8810c9c differs from pull request most recent head a804cf5. Consider uploading reports for the commit a804cf5 to get more accurate results

@@             Coverage Diff             @@
##           develop   #10039      +/-   ##
===========================================
+ Coverage    75.14%   78.30%   +3.15%     
===========================================
  Files          877      157     -720     
  Lines        85680    19003   -66677     
  Branches      5826      267    -5559     
===========================================
- Hits         64386    14880   -49506     
+ Misses       21294     4123   -17171     

Impacted Files	Coverage Δ
...ckages/frontend/src/components/global/MkAvatar.vue	97.51% <97.54%> (+4.30%)	:arrow_up:

... and 720 files with indirect coverage changes

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[acid-chicken]

アバターに透明箇所があるか判定した方がもしかしたら判定処理入れる方が軽いかもしれない？と思ったけどクロスオリジンで読まれる可能性があるから実現が難しそう

[acid-chicken]

ぼかし無効でこれもオンオフできるようにすれば良さそう？

#9976

とりあえず紐づけた（はず）

[syuilo]

現行の実装だと、背景が透明なアイコンを使用してる場合でも耳がフィットするという利点もあるから現行から変えるほどではないかも

[acid-chicken]

現行の実装だと、背景が透明なアイコンを使用してる場合でも耳がフィットするという利点もあるから現行から変えるほどではないかも

ある程度透明領域でもフィットできる余地を残すためにギリギリでマスクせずに少し遊びを持たせてみた

[acid-chicken]

マスクにブラーをかけた

[acid-chicken]

ぼかし無効でこれもオンオフできるようにすれば良さそう？

#9976

とりあえず紐づけた（はず）

これが有効になっている際は加えて耳の色を付け根から取得するようにした

[acid-chicken]

@syuilo ping

[syuilo]

🥰