[B! canvas] gachakku0131ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gachakku0131 id:gachakku0131

canvasã«é–¢ã™ã‚‹gachakku0131ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚µãƒ¼ãƒé€ä¿¡ä¸è¦ãªHTML5ã«ã‚ˆã‚‹ç”»åƒåˆ‡ã‚Šå–ã‚Šãƒ„ãƒ¼ãƒ«ä½œæˆãƒ„ãƒ¼ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
HTML5 image crop tool ? Script Tutorials ã‚µãƒ¼ãƒé€ä¿¡ä¸è¦ãªHTML5ã«ã‚ˆã‚‹ç”»åƒåˆ‡ã‚Šå–ã‚Šãƒ„ãƒ¼ãƒ«ä½œæˆãƒ„ãƒ¼ãƒ« HTML5ã¨canvasã‚’ä½¿ã£ã¦ç”»åƒã®ä¸ã®æŒ‡å®šéƒ¨åˆ†ã‚’åˆ‡ã‚Šå–ã£ã¦ç”»åƒåŒ–ã™ã‚‹ã¨ã„ã†å‡¦ç†ãŒãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Œçµã™ã‚‹ãƒ‡ãƒ¢ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã™ã€‚ åˆ‡ã‚Šå–ã£ãŸç”»åƒã¯å˜ã«CSSã§åˆ‡ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€ç”»åƒã¨ã—ã¦å³ã‚¯ãƒªãƒƒã‚¯ãªã‚“ã‹ã§ã€Œåå‰ã‚’ã¤ã‘ã¦ä¿å˜ã€ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ é€šå¸¸ã§ã‚ã‚Œã°åˆ‡ã‚Šå–ã£ãŸç¯„å›²ã¨å…ƒç”»åƒã‚’ã‚µãƒ¼ãƒã«é€ä¿¡ã—ãŸä¸Šã§ã€ã‚µãƒ¼ãƒå´ã§ç”»åƒã‚’åˆ‡ã‚Šå–ã£ã¦ãƒ¦ãƒ¼ã‚¶ã«é€ä¿¡çš„ãªå‡¦ç†ã‚’ã„ã‚Œãªã„ã¨ã„ã‘ã¾ã›ã‚“ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§çµ‚ã‚ã‚‹ã¨ã„ã†ã®ã¯ã€ã‚µãƒ¼ãƒã«è² æ‹…ãŒä¸€åˆ‡ç„¡ããªã‹ãªã‹ä¾¿åˆ©ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã‚’ä½¿ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨ãƒ—ãƒã‚°ãƒ©ãƒ é›† HTML5ã§è¶…ãƒªã‚¢ãƒ«ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã‚µãƒ³ãƒ—ãƒ« HTML5ã§è‰²ã€…ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼†ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
gachakku0131 2011/12/25
"é€šå¸¸ã§ã‚ã‚Œã°åˆ‡ã‚Šå–ã£ãŸç¯„å›²ã¨å…ƒç”»åƒã‚’ã‚µãƒ¼ãƒã«é€ä¿¡ã—ãŸä¸Šã§ã€ã‚µãƒ¼ãƒå´ã§ç”»åƒã‚’åˆ‡ã‚Šå–ã£ã¦ãƒ¦ãƒ¼ã‚¶ã«é€ä¿¡çš„ãªå‡¦ç†ã‚’ã„ã‚Œãªã„ã¨ã„ã‘ã¾ã›ã‚“"

html5

canvas
ãƒªãƒ³ã‚¯
Canvasãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ - HTML5.JP
HTML5ã®ä»•æ§˜ã«åŸºã¥ã„ã¦ã€Canvasã§åˆ©ç”¨ã§ãã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼ˆå±žæ€§ï¼‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ã”ç”¨æ„ã—ã¾ã—ãŸã€‚ä¸»ã«HTML5ã®ä»•æ§˜ã®å’Œè¨³ã¨ãªã‚Šã¾ã™ãŒã€HTML5ã®ä»•æ§˜ã¯éžå¸¸ã«åˆ†ã‹ã‚Šã«ãã„èª¬æ˜ŽãŒã‚ã‚‹ãŸã‚ã€ä¸€éƒ¨ã€å›³ã‚„è£œè¶³èª¬æ˜Žã‚’å…¥ã‚Œã¾ã—ãŸã€‚ å„ãƒ¡ã‚½ãƒƒãƒ‰ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã”ã¨ã«ã‚µãƒ³ãƒ—ãƒ«ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚‚ã”ç”¨æ„ã—ã¾ã—ãŸã®ã§ã€å…·ä½“çš„ãªã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ãŒç†è§£ã§ãã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å¯¾å¿œã«ã¤ã„ã¦ã‚‚è§¦ã‚Œã¦ã„ã¾ã™ã€‚ çš†æ§˜ã®Canvasã®ç†è§£ã«ãŠå½¹ã«ç«‹ã¦ã‚Œã°å¹¸ã„ã§ã™ã€‚ HTMLCanvasElement HTMLCanvasElementã®ãƒ¡ã‚½ãƒƒãƒ‰
gachakku0131 2011/11/26
canvas
ãƒªãƒ³ã‚¯
rails3 + html5 canvasã§ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ï¼
ã¯ã˜ã‚ã¾ã—ã¦ã“ã‚“ã«ã¡ã¯ã€‚ KRAYã‚¢ãƒ«ãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ html5ã®canvasã‚’ä½¿ã£ã¦ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ åˆã‚ã¦ãƒ–ãƒã‚°è¨˜äº‹ã‚’æ›¸ãã¨ã„ã†ã“ã¨ã§æ°—åˆãŒå…¥ã‚Šã¾ã—ãŸã€‚ ã¡ã‚‡ã£ã¨é•·ã‚ã§ã™ãŒãŠä»˜ãåˆã„ä¸‹ã•ã„ã€‚ æ©Ÿèƒ½ ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã®å¿…è¦æœ€ä½Žé™ãªæ©Ÿèƒ½ã£ã¦ï¼Ÿ ã–ã£ã¨ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’å…¥ã‚Œã¦ã¿ã¾ã™ã€‚ çµµã‚’æã‘ã‚‹ çµµã‚’æ¶ˆã›ã‚‹ æç”»ã‚’ä¸€å›žåˆ†æˆ»ã‚Œã‚‹ ç·šã®å¤ªã•ã‚’å¤‰ãˆã‚‰ã‚Œã‚‹ ç·šã®è‰²ã‚’å¤‰ãˆã‚‹ çµµã‚’æŠ•ç¨¿ã§ãã‚‹ æŠ•ç¨¿ã•ã‚ŒãŸç”»åƒã®ä¸€è¦§ã‚’è¡¨ç¤ºã§ãã‚‹ â†’ å®Œæˆè¦‹æœ¬ã¯ã“ã¡ã‚‰å®Œæˆè¦‹æœ¬ã®å…¬é–‹ã¯çµ‚äº†è‡´ã—ã¾ã—ãŸã€‚ çµµã‚’æã‘ã‚‹ HTML5ã®canvasã«ãƒžã‚¦ã‚¹ã®è»Œé“ã«ç·šã‚’å¼•ã„ã¦ã„ãã‚ã‘ã§ã™ã€‚ canvasã§ã®ãƒžã‚¦ã‚¹è»Œé“ã®æãæ–¹ã¯ã€ ãƒ»mousemoveã‚¤ãƒ™ãƒ³ãƒˆç™ºç”Ÿæ™‚ã«ç‚¹ã‚’ãƒ—ãƒãƒƒãƒˆ ã¨ã„ã†æ‰‹æ®µãŒçœŸã£å…ˆã«æ€ã„æµ®ã‹ã¶ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚Œã¯ã€ä»¥ä¸‹ã®æ§˜ã«ãªã‚Šã¾ã™ã€‚ ã“ã‚Œã§ã¯ãŠè©±ã«ãªã‚Šã¾ã›ã‚“ã€‚ ãªã®ã§ã€ç‚¹ã§ã¯ãªãç·šã‚’å¼•ãã“
gachakku0131 2011/11/15
ã‚ã¡ã‚ƒãã¡ã‚ƒå‹‰å¼·ã«ãªã‚Šã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼

rails

html5

canvas

CoffeeScript

sample
ãƒªãƒ³ã‚¯
HTML5 Canvas Cheat Sheet - Nihilogic
Sunday, February 22, 2009 3 comments HTML5 Canvas Cheat Sheet Labels: canvas My memory isn't very good and I often find myself looking up simple things in various specs but sometimes they're just too damn long-winded when you're simply looking for argument x of function y. That's where cheat sheets and reference cards come in handy with their compact, bare-bones information crammed into, at most,
gachakku0131 2011/05/28
èƒŒæ™¯ãŒJSã§ãƒžãƒªã‚ª

html5

canvas

javascript

jQuery
ãƒªãƒ³ã‚¯
ã¾ãšã¯åŸºæœ¬ã‹ã‚‰ãƒ»HTML5ã®Canvasã«ã¤ã„ã¦å‚è€ƒã«ãªã£ãŸã‚µã‚¤ãƒˆã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã‚ˆã†ã‚„ãHTML5ã«èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’ä»¥å‰è¨˜äº‹ã«ã—ã¦ã€å‡„ã„ãªãƒ¼ã¨ æ€ã£ã¦ã„ã¾ã—ãŸãŒã€ãªã‹ãªã‹æ™‚é–“ãŒãªãã€ å…ˆå»¶ã°ã—ã«ã€‚ã§ã€ã‚ˆã†ã‚„ãé ã«å…¥ã‚Œå§‹ã‚ã¾ ã—ãŸã€‚ãªã«ã™ã‚‹ã«ã‚‚è¡Œå‹•ãŒé…ãã¦å›°ã‚Šã¾ã™ã€‚ HTML5ã§ã‚‚è©±é¡Œã«ãªã£ã¦ã„ã‚‹Canvasã‚’å‹‰å¼·ã—å§‹ã‚ã¾ã—ãŸã€‚ãã‚“ãªä¸ã§ã€å‹‰å¼·ã®å‚è€ƒã«ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’ãƒ–ã‚¯ãƒžã—ãŸã®ã§ã“ã‚Œã‹ã‚‰å¦ã¼ã†ã€ã¨ãŠè€ƒãˆã®æ–¹ã¨ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€åŸºæœ¬çš„ãªæƒ…å ±ãŒã»ã¨ã‚“ã©ã§ã™ã€‚å¤§é‡ã®æƒ…å ±ã‚’è¦‹ã¦ã‚‚æ··ä¹±ã™ã‚‹ã®ã§ã‚ã‚‹ç¨‹åº¦çµžã£ã¦ã„ã¾ã™ã€‚ html5.jp ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒªãƒ³ã‚¯å…ˆã¯canvasã‚«ãƒ†ã‚´ãƒªã«ã€‚ã“ã“ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã€ã¨ã„ã†ã‹æœ€å¾Œã¾ã§ãŸã¶ã‚“ãŠä¸–è©±ã«ãªã‚Šãã†ã€‚ html5.jp ï½žHTML 5ã§å°Žå…¥ã•ã‚Œã‚‹canvasè¦ç´ ã®ä½¿ã„æ–¹ï½ž åŒã˜ãæ•™ç§‘æ›¸çš„ãªã‚µã‚¤ãƒˆã€‚ã‚ã‚ŠãŒãŸã„ã€‚ã¾ã ã€ã–ã£ã¨èªã‚“ã ã ã‘ã§ã™ãŒã€ã™ã”ãåˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ ï½žHTML 5
gachakku0131 2010/06/23
html5

canvas

*matome
ãƒªãƒ³ã‚¯
ä»Šæ›´èžã‘ãªã„canvasã®åŸºç¤Žã®åŸºç¤Ž - KAYAC Engineers' Blog
ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ–°å…¥ã‚Šã®nagataã§ã™ã€‚ å…¥ç¤¾å¼ã§è‡ªè»¢è»Šä¹—ã£ã¦ãŸé‡ŽéƒŽã§ã™ã€‚ å…ˆè¼©æ–¹ã‹ã‚‰ã€Œãƒ–ãƒã‚°ã€æ›¸ã„ã¦ãï¼ã€ã¨ã®ãŠé”ã—ãŒã‚ã£ãŸã®ã§ã€ æ—¥å ±ã§æ›¸ã„ãŸã‚‰ã‚¦ã‚±ãŒã‚ˆã•ã’ã ã£ãŸcanvasã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ â€»å„ç¨®ã‚µãƒ³ãƒ—ãƒ«ã¯Macä¸Šã®Safari4.05ã€Firefox3.6.3ã€Chrome5.0ã§å‹•ä½œã‚’ç¢ºèªã—ã¦ã„ã¾ã™ã€‚ canvasã£ã¦ãªã‚“ãžï¼Ÿ å›³ã‚’æ›¸ãè¾¼ã‚ã‚‹htmlè¦ç´ ã§ã™ã€‚ OpenGLã‚„DirectXã®ã‚ˆã†ãªé¢å€’ãªè¨å®šã‚’æ›¸ãã“ã¨ãªãã€ æ‰‹è»½ã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æç”»ãŒè¡Œãˆã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãƒãƒ¼ã‚«ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãª ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ï¼ˆã‹ã¤å‹•çš„ãªï¼‰è¡¨ç¾ãŒè¡Œãˆã‚‹ã‚ã‘ã§ã™ã€‚ ã¨ã‚Šã‚ãˆãšã¤ã‹ã£ã¦ã¿ã‚‹ æ—©é€Ÿä½•ã‹æã„ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã“ã†ã„ã†ã“ã¨ã¯å®Ÿè·µã‚ã‚‹ã®ã¿ã§ã™ã€‚ å‡¦ç†ã«ã¯Javascriptã‚’ä½¿ã„ã¾ã™ã€‚ canvasã«æç”»ã‚’è¡Œã†ã¨ãã¯ã€canvasè¦ç´ ã‹ã‚‰contextã‚’å–å¾—ã—ã¦ã€
gachakku0131 2010/04/29
HTML5

canvas
ãƒªãƒ³ã‚¯
1