Misskey: アイコン(アバター)画像を常に正方形に切り取るようにしてほしい

[tamaina]

Summary

アイコン(アバター)画像が正方形でないとその表示に不具合が発生するかもしれないため

Environment

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[marihachi]

正方形でないときはそもそも「クロップしない」が無効化されている方が自然だと思います

[syuilo]

Edgeはクロップ対応してないのでクロップしない機能を無効化するとまずそう

[tamaina]

クロップ用のライブラリは何でしたっけ…それとも自前実装？

https://www.npmjs.com/package/vue-cropperjs

[tamaina]

cropperjs https://fengyuanchen.github.io/cropperjs/ ならはEdgeでも使えていそうだし導入も簡単そうる

[tamaina]

EdgeHTMLもバージョンごとに進歩しているので、Edgeの新しいバージョンでは動く可能性がある(お節介ではあると思いますが)
(それともライブラリ以外の場所に原因があるのかしら)

[marihachi]

せめて対応できるとすれば

クロップに対応していない環境の場合

クロップ画面を表示せずそのまま設定。
(この場合は残念ながら正方形でない画像が設定される場合があります)

クロップに対応している環境の場合

クロップ画面を表示して且つ、元が正方形でないときは「クロップしない」を無効化してクロップを強制する。

[tamaina]

あとはvue-cropperjsの不具合修正を依頼するとか

[tamaina]

https://agontuk.github.io/vue-cropperjs/ デモページでそもそもエラーが出てくるので

[tamaina]

またはcropperjsを利用して自前で実装してもいいのかもしれない(vueよくわからないので可能かどうかわかりませんが…)