Canvas - HTML5.JPã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€JavaScriptã‹ã‚‰å›³ã‚’æãã“ã¨ãŒã§ãã‚‹Canvasã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Canvasã¨ã¯ Canvasã¨ã¯ä½•ã‹ã€ãã—ã¦Canvasã§ä½•ãŒã§ãã‚‹ã®ã‹ã‚’事例をè¸ã¾ãˆã¦åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¾ã™ã€‚ Canvasã®ä½¿ã„æ–¹ 実際ã«ã€Canvasã‚’ã©ã†ã‚„ã£ã¦ä½¿ã„ã“ãªã™ã®ã‹ã‚’ã€ã‚µãƒ³ãƒ—ルを通ã—ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã„ã‚ã„ã‚ãªå›³å½¢ã‚’æã Canvasã§ã¯ç·šã‚’引ãã ã‘ã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æããŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’用æ„ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯Canvasã§åˆ©ç”¨ã§ãる図形æç”»ã®ã„ãã¤ã‹ã‚’ã”紹介ã—ã¾ã™ã€‚ 色を指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã図形ã«è‰²ã‚’指定ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ã¾ãŸCanvasã§ã¯æŒ‡å®šã—ãŸè‰²ã«é€æ˜Žåº¦ã‚’与ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã®ã§ã€ãã®æ–¹æ³•ã«ã¤ã„ã¦ã‚‚紹介ã—ã¦ã„ãã¾ã™ã€‚ 線形グラデーションを指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã„ãŸå›³å½¢ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹æ–¹æ³•
Canvas tutorial - MDC
20è¡Œã®Javascript+canvasã§ã“ã“ã¾ã§ã§ãã‚‹ | 秋元@サイボウズラボ・プãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚°
{{#tags}}- {{label}}
{{/tags}}