今日話ã•ãªã„ã“㨠JavaScriptã®åŸºç¤ŽçŸ¥è˜ã€jQueryã®å°Žå…¥ æ°—æŒã¡ã„ã„UIã‚„UXãŒã†ã‚“ã¡ã‚ƒã‚‰ Canvasã‚„WebGLを使ã£ãŸãƒªãƒƒãƒã§ã‚¤ã‚±ã¦ã‚‹ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰JavaScriptã«ãŠã‘ã‚‹è¨è¨ˆã¨ãƒ†ã‚¹ãƒˆ
今日話ã•ãªã„ã“㨠JavaScriptã®åŸºç¤ŽçŸ¥è˜ã€jQueryã®å°Žå…¥ æ°—æŒã¡ã„ã„UIã‚„UXãŒã†ã‚“ã¡ã‚ƒã‚‰ Canvasã‚„WebGLを使ã£ãŸãƒªãƒƒãƒã§ã‚¤ã‚±ã¦ã‚‹ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹
スマートフォンã®canvasã‚¿ã‚°ã®ãƒã‚°ã®ã¾ã¨ã‚ - yukobaã®ãƒ–ãƒã‚°
ã»ã¨ã‚“ã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¦ã‚§ãƒ–ブラウザã¯canvasã‚¿ã‚°ã«å¯¾å¿œã—ã¦ã„ã¾ã™ãŒã€ãƒã‚°ã らã‘ã§ã™ã€‚以下ã€è‰²ã€…ãªç’°å¢ƒã§è©¦ã—ãŸãƒã‚°ã®ã¾ã¨ã‚ã§ã™ã€‚ iPhone OS 3.1 ã“ã®ãƒã‚°ã¯ iOS 4 ã§ã¯ã€ç›´ã£ã¦ã„ã¾ã™ã€‚ iPhone OS 3.1 ã§ã¯ã€fillText() ãªã©ã®æ–‡å—列æ画系ãŒãƒã‚°ã£ã¦ã„ã¾ã™ã€‚ç”»é¢ãŒä¸Šä¸‹å転ã—ã¦ã€ãƒ•ã‚©ãƒ³ãƒˆãªã©ã‚‚åæ˜ ã—ã¾ã›ã‚“。ãŠæŒã¡ã®æ–¹ã¯ 実際ã®ã‚µãƒ³ãƒ—ル - fillText() メソッド - Canvasリファレンス - HTML5.JP ã§ãŠè©¦ã—ãã ã•ã„。ãŠã‹ã—ãªä½ç½®ã«æ–‡å—ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã“ã®ãƒã‚°ã¯ã€iPod touchã€iPhone å…¨ã¦ã§ç™ºç”Ÿã—ã¾ã™ã€‚ ã¾ã‚‚ãªãã€iPhone OS 3.2 ãŒå‡ºã¾ã™ãŒã€ç›´ã£ã¦ã„ã‚‹ã“ã¨ã‚’å¼·ã祈りã¾ã™ï¼ Android 2.1 ã“ã®ãƒã‚°ã¯Android 2.2ã§ã¯ã€ç›´ã£ã¦ã„ã¾ã™ã€‚ Android 2.0, 2.1ãŒã€ä¸€ç•ªã²ã©ã„ã§ã™
Canvas - HTML5.JP
ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€JavaScriptã‹ã‚‰å›³ã‚’æãã“ã¨ãŒã§ãã‚‹Canvasã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Canvasã¨ã¯ Canvasã¨ã¯ä½•ã‹ã€ãã—ã¦Canvasã§ä½•ãŒã§ãã‚‹ã®ã‹ã‚’事例をè¸ã¾ãˆã¦åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¾ã™ã€‚ Canvasã®ä½¿ã„æ–¹ 実際ã«ã€Canvasã‚’ã©ã†ã‚„ã£ã¦ä½¿ã„ã“ãªã™ã®ã‹ã‚’ã€ã‚µãƒ³ãƒ—ルを通ã—ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã„ã‚ã„ã‚ãªå›³å½¢ã‚’æã Canvasã§ã¯ç·šã‚’引ãã ã‘ã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æããŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’用æ„ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯Canvasã§åˆ©ç”¨ã§ãる図形æç”»ã®ã„ãã¤ã‹ã‚’ã”紹介ã—ã¾ã™ã€‚ 色を指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã図形ã«è‰²ã‚’指定ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ã¾ãŸCanvasã§ã¯æŒ‡å®šã—ãŸè‰²ã«é€æ˜Žåº¦ã‚’与ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã®ã§ã€ãã®æ–¹æ³•ã«ã¤ã„ã¦ã‚‚紹介ã—ã¦ã„ãã¾ã™ã€‚ 線形グラデーションを指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã„ãŸå›³å½¢ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹æ–¹æ³•
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
連載: IBM Watson Workspace #鬼ã‚㋠アプリケーション開発: 第 7 回: IBM Watson Workspace 㧠AI を利用ã—ãŸã‚¢ãƒ—リ連æºã®å®Ÿç¾ #鬼ã‚㋠解説（å‰ç·¨ï¼‰
{{#tags}}- {{label}}
{{/tags}}