Home | Notifications | New Note | Local | Federated | Search | Logout
:petthex_javasparrow:しゅいろ:petthex_javasparrow:(本物)@syuilo@misskey.io
帰宅部部長
Misskeyなどのソフトウェアの開発を行っています (サーバー運営者ではありません)
#misskey #藍ちゃファンクラブ #わーーーーーーーーーーーーーーー
特技: 二足歩行
学歴: 幼稚園中退
注意力: 3万
Joined: 2026-07-10 20:57:44
3 notes, 0 following, 0 followers
Reply to @syuilo@misskey.io
:petthex_javasparrow:しゅいろ:petthex_javasparrow:(本物)@syuilo@misskey.io (2026-07-10 21:12:54)
@koba789 ViewTransitionAPI使えばより簡単になる可能性がありますが、DOMの一部分だけtransitionさせる仕様はかなり新しめで確かまだChromeでしか使えなかったと思うのでやめました
Reply to @koba789@misskey.io
:petthex_javasparrow:しゅいろ:petthex_javasparrow:(本物)@syuilo@misskey.io (2026-07-10 21:09:07)
@koba789 説明すると長くなっちゃうんですけど要素をtranslate & scaleして合わせてます
Misskeyの場合元画像がobject-fit: containされていてimg要素のサイズ＝レンダリングされている画像のサイズ、とはならないのでそこも計算に入れています
:petthex_javasparrow:しゅいろ:petthex_javasparrow:(本物)@syuilo@misskey.io (2026-07-10 20:56:22)
今まで画像ビューワは外部のライブラリ使ってたけどMisskeyネイティブな実装に書き換えてる:ba_iori_facea_veaaaaaaaa:
---Attachments---
video: https://media.misskeyusercontent.com/io/57b7ca3f-60ee-4257-8bb9-1055fe2f9706.mp4