nacookan https://blog.hatena.ne.jp/nacookan/ 今日覚えたこと https://nacookan.hatenadiary.org/ 作った JavaScript iPhone 作ってみたよ。 iPhone Xのスクリーンショットをディスプレイの形に合わせて切り抜く - js do it このリンクからすぐ利用できるのでどうぞ。 これは何か iPhone Xは、ディスプレイが変わった形をしていて、四角形ではない。角が丸くなってるのと、スピーカーやインカメラが配置されてる部分だけ欠けている。こんな形。だけど、スクリーンショットを撮ると、普通の四角形の画像が生成される。画面では欠けている部分もスクリーンショット的には存在している。このツールは、そんな四角形のスクリーンショットの画像を、iPhone Xのディスプレイの形に合わせて切り抜いた画像に変換する。こんな感じ。普通に… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnacookan.hatenadiary.org%2Fentry%2F20171107%2F1510067174" title="iPhone Xのスクリーンショットをディスプレイの形に合わせて切り抜くツールを作った - 今日覚えたこと" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://farm5.staticflickr.com/4456/38163154342_2269fed923.jpg Hatena Blog https://hatena.blog 2017-11-07 00:06:14 rich https://nacookan.hatenadiary.org/entry/20171107/1510067174 1.0 100%