rails3 + html5 canvasã§ãŠçµµã‹ã投稿サイトを作ã‚ã†ï¼ã¯ã˜ã‚ã¾ã—ã¦ã“ã‚“ã«ã¡ã¯ã€‚ KRAYアルãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ html5ã®canvasを使ã£ã¦ãŠçµµã‹ã投稿サイトを作ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ åˆã‚ã¦ãƒ–ãƒã‚°è¨˜äº‹ã‚’書ãã¨ã„ã†ã“ã¨ã§æ°—åˆãŒå…¥ã‚Šã¾ã—ãŸã€‚ ã¡ã‚‡ã£ã¨é•·ã‚ã§ã™ãŒãŠä»˜ãåˆã„下ã•ã„。 機能 ãŠçµµã‹ã投稿サイトã®å¿…è¦æœ€ä½Žé™ãªæ©Ÿèƒ½ã£ã¦ï¼Ÿ ã–ã£ã¨ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’入れã¦ã¿ã¾ã™ã€‚ 絵をæã‘ã‚‹ 絵を消ã›ã‚‹ æ画を一回分戻れる ç·šã®å¤ªã•ã‚’変ãˆã‚‰ã‚Œã‚‹ ç·šã®è‰²ã‚’変ãˆã‚‹ 絵を投稿ã§ãã‚‹ 投稿ã•ã‚ŒãŸç”»åƒã®ä¸€è¦§ã‚’表示ã§ãã‚‹ → 完æˆè¦‹æœ¬ã¯ã“ã¡ã‚‰å®Œæˆè¦‹æœ¬ã®å…¬é–‹ã¯çµ‚了致ã—ã¾ã—ãŸã€‚ 絵をæã‘ã‚‹ HTML5ã®canvasã«ãƒžã‚¦ã‚¹ã®è»Œé“ã«ç·šã‚’引ã„ã¦ã„ãã‚ã‘ã§ã™ã€‚ canvasã§ã®ãƒžã‚¦ã‚¹è»Œé“ã®æãæ–¹ã¯ã€ ・mousemoveイベント発生時ã«ç‚¹ã‚’プãƒãƒƒãƒˆ ã¨ã„ã†æ‰‹æ®µãŒçœŸã£å…ˆã«æ€ã„æµ®ã‹ã¶ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚Œã¯ã€ä»¥ä¸‹ã®æ§˜ã«ãªã‚Šã¾ã™ã€‚ ã“ã‚Œã§ã¯ãŠè©±ã«ãªã‚Šã¾ã›ã‚“。 ãªã®ã§ã€ç‚¹ã§ã¯ãªã線を引ãã“
モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å²ã‚’年代別ã«ã”紹介ã—ã¾ã™ã€‚モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æˆé•·ã¨ä»Šå¾Œã«ã¤ã„ã¦è©³ã—ã解説ã—ã¦ã„ãã¾ã™ã€‚
HTML5 Canvasã®ãƒ–ラウザã«ã‚ˆã£ã¦ç•°ãªã‚‹å¾®å¦™ãªæŒ¯ã‚‹èˆžã„ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã€‚ - 風ã¨å®‡å®™ã¨ãƒ—ãƒã‚°ãƒ©ãƒ 
{{#tags}}- {{label}}
{{/tags}}