今日覚えたこと作ってみたよ。 iPhone Xのスクリーンショットをディスプレイの形に合わせて切り抜く - js do it このリンクからすぐ利用できるのでどうぞ。 これは何か iPhone Xは、ディスプレイが変わった形をしていて、四角形ではない。角が丸くなってるのと、スピーカーやインカメラが配置されてる部分だけ欠けている。 こんな形。 だけど、スクリーンショットを撮ると、普通の四角形の画像が生成される。画面では欠けている部分もスクリーンショット的には存在している。 このツールは、そんな四角形のスクリーンショットの画像を、iPhone Xのディスプレイの形に合わせて切り抜いた画像に変換する。 こんな感じ。普通にスクリーンショットを撮ると左側のように四角い画像になるけど、これを右側のように切り抜き加工する。 使い方 このツールはブラウザ上で利用できる。もちろんiPhoneのSafariでも使える。 ま
