Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
![HTML canvasを画面いっぱいに表示したい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a66940c35df0958ad6fd108c76fb6a5bd0b65b6b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDM2NzclMkZwcm9maWxlLWltYWdlcyUyRjE0NzM3NjEwMjU_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZGIzYmU0NTc5YzVlMjY0Yzc5ZTJhZTMwZGU2MWNiZDI%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D566cf9eb96d7a2f73598b1d2534b70f5%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SFRNTCUyMGNhbnZhcyVFMyU4MiU5MiVFNyU5NCVCQiVFOSU5RCVBMiVFMyU4MSU4NCVFMyU4MSVBMyVFMyU4MSVCMSVFMyU4MSU4NCVFMyU4MSVBQiVFOCVBMSVBOCVFNyVBNCVCQSVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MSU4NCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWZmZGM4ZWUzMTg5YjU5ZWUwYzcxMTZmOGIyOWZlOWU5%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBnb25zaGlfY29tJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MWI4NzkzMTE5ZDJhYTVhZTkzNjA3Y2VlZTZkY2NiZmM%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D4af8fa9b003d1f3a9a470a56dd84d650)
import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() //UIViewController.viewの座標取得 var x:CGFloat = self.view.bounds.origin.x var y:CGFloat = self.view.bounds.origin.y //UIViewController.viewの幅と高さを取得 var width:CGFloat = self.view.bounds.width; var height:CGFloat = self.view.bounds.height //上記より画面ぴったりサイズのフレームを生成する var frame:CGRect = CGRect(x: x, y: y
UPDATE: We have added the new iPhone 11, iPhone 11 Pro and iPhone 11 Pro Max to the guide below. The device screen may have lower pixel resolution than the image rendered in previous step. Before the image can be displayed, it must be downsampled (resized) to lower pixel resolution. Physical Pixels At the beginning, coordinates of all drawings are specified in Points are abstract units, they only
アプリケーションを実行しているスマホの画面サイズや向きを動的に取得できれば、それに応じて表示するコンテンツを調整できますよね。 画面サイズを取得する JavaScriptで画面サイズを取得するためのプロパティが用意されています。 ウィンドウサイズを取得できる関数 screen.width document.write(screen.width); 画面の幅を取得することが出来ます。 screen.height document.write(screen.height); 画面の高さを取得することが出来ます。 画面サイズとタスクバーを除いたスクリーンサイズを取得することが出来ます。 コンテンツ領域を取得できる関数 window.innerWidth document.write(window.innerWidth); ウィンドウ内側の横幅を、取得したい場合に使用。 ※ スクロールバー領域を含
Microsoftの新しいプロジェクタコンセプト「IllumiRoom」によって、あなたの部屋全体が次期「Xbox」の世界のようになるかもしれない。1月に「International Consumer Electronics Show(CES)」で初めて披露された同コンセプトについて、同社の研究部門が新たな動画でさらに詳しく説明している。 IIllumiRoomはまだ実際の製品ではないが、そのアイデアは、コーヒーテーブル上に設置されたプロジェクタがユーザーのXboxと無線で接続するというもの。プロジェクタはテレビの代用ではなく、センサを用いてテレビの位置を確認し、投影範囲からテレビ部分を遮断することで、テレビ画面の周囲に映像を映し出す。これにより、爆発や動きの映像に対する体感性を高めている。
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く