[B! Canvas] fushimikã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fushimik id:fushimik

Canvasã«é–¢ã™ã‚‹fushimikã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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 Canvasã¨CSS3ã®ã‚¹ãƒžãƒ›ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®æç”»æ€§èƒ½ - ICS MEDIA
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã©ã®ç¨‹åº¦ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¡¨ç¾ãŒå¯èƒ½ãªã®ã‹ã€æ€§èƒ½ãŒæ°—ã«ãªã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€è¿‘å¹´ã€HTML5ã‚’åˆ©ç”¨ã§ãã‚‹åˆ†é‡Žã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã¿ãªã‚‰ãšã€ã‚²ãƒ¼ãƒ ã‚„SPAï¼ˆã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ãªã©å¤šå²ã«æ¸¡ã£ã¦ã„ã¾ã™ã€‚ãã“ã§ã€æœ¬è¨˜äº‹ã§ã¯iOSã‚„Androidã®æ–°æ—§ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’ä½¿ã£ã¦ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¤œè¨¼ã€‚è¨˜äº‹ã®å‰åŠã§ã¯æç”»æ€§èƒ½ã‚’ã€å¾ŒåŠã§ã¯JavaScriptã®è¨ˆç®—æ€§èƒ½ã‚’æ¸¬å®šã—ã¦ã„ã¾ã™ã€‚ æç”»æ€§èƒ½ã®æ¤œè¨¼ãƒ“ãƒ‡ã‚ªã‚’ã”è¦§ãã ã•ã„ ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’ä½¿ã£ã¦ã€æç”»æ¤œè¨¼ã®æ§˜åã‚’éŒ²ç”»ã—ã¾ã—ãŸã€‚ã“ã®80ç§’ã®å‹•ç”»ã§ã¯ç”»åƒã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®è¡¨ç¤ºå¯èƒ½ãªå€‹æ•°ã‚’æ¸¬å®šã—ã¦ã„ã¾ã™ã€‚ãƒ“ãƒ‡ã‚ªã®å¾ŒåŠãŒè¦‹ã©ã“ã‚ã§ã€iPhone 5ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒè‰¯ã™ãŽã¦ãƒ“ãƒ‡ã‚ªã‚’æ—©é€ã‚Šã™ã‚‹ã»ã©ã‚¹ã‚³ã‚¢ãŒã§ã‚‹ã¾ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ã•ã¾ã–ã¾ãªç«¯æœ«ã®ã‚¹ã‚³ã‚¢ã‚’æ¸¬å®šã—ã¾ã—ãŸ æ¬¡ã®è¡¨ã«ã€2012å¹´ã¾ã§ã«ç™ºå£²ã•ã‚ŒãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¹ã‚³ã‚¢ã‚’æŽ²è¼‰ã—ã¾ã—ãŸã€‚
fushimik 2013/05/28
Canvas

ãƒ†ã‚¹ãƒˆ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
JSã§ã®Canvasæ“ä½œã‚’ç°¡å˜ã‹ã¤é«˜æ©Ÿèƒ½ã«ã§ãã‚‹ã€ŒFabric.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Fabric.js Javascript Canvas Library JSã§ã®Canvasæ“ä½œã‚’ç°¡å˜ã‹ã¤é«˜æ©Ÿèƒ½ã«ã§ãã‚‹ã€ŒFabric.jsã€ canvasã®ãƒã‚¤ãƒ†ã‚£ãƒ–APIã¯è‹¥å¹²åˆ†ã‹ã‚Šã¥ã‚‰ã„ã¨ã„ã†æ–¹ã‚‚å¤šãã†ã§ã™ãŒã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ãˆã°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã§æ¥½ã€…Canvasãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒå‡ºæ¥ãã†ã§ã™ å˜ã«ä¾¿åˆ©ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã ã‘ã§ãªãã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒžã‚¦ã‚¹ã§æ‹¡å¤§ã‚„å›žè»¢ã§ãã‚‹ãªã©ã¨ã„ã£ãŸè‰²ã€…ãªæ©Ÿèƒ½ã‚‚ç››ã‚Šè¾¼ã¾ã‚Œã¦ã„ã¦ä¾¿åˆ©ãã†ã§ã™ ãƒã‚¤ãƒ†ã‚£ãƒ–APIã ã¨ã€å››è§’å½¢ã‚’æç”»ã™ã‚‹ã®ã«ã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¾ã™ã€‚ ã“ã‚ŒãŒã€Fabric.jsã‚’ä½¿ã†ã¨æ¬¡ã®ã‚ˆã†ã«ã€ã¨ã¦ã‚‚åˆ†ã‹ã‚Šã‚„ã™ããªã‚Šã¾ã™ã€‚fillRectã®å¼•æ•°ã®é †ã£ã¦ã©ã†ã ã£ã‘ï¼Ÿã¨æ¯Žå›žãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ç‰½ãå¿…è¦ã‚‚ãªããªã‚Šã¾ã™ã ä»–ã«ã‚‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å‚ç…§ã™ã‚Œã°ã€Canvasã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–APIã§æ›¸ãé¢å€’ã•ã‚’ç†è§£ã§ãã‚‹ã¯ãš ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚‚çµæ§‹å……å®Ÿã—ã¦ãŠã‚Š
fushimik 2013/03/16
Canvas
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¬ã‚·ãƒ¼ãªWebãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ•‘æ¸ˆã€‚Canvasã‚’HTML5ã§æç”»Â·FlashCanvas MOONGIFT
FlashCanvasã¯Canvasã‚¿ã‚°ã‚’Flashã‚’ä½¿ã£ã¦æç”»ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ HTML5ã®ä»•æ§˜ã«å…¥ã£ã¦ã„ã‚‹Canvasã§ã™ãŒã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã‚ã‚‹åé¢ãƒ¬ã‚¬ã‚·ãªãƒ¼ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã§ããªã„ãŸã‚ã«åˆ©ç”¨ã‚’èºŠèº‡ã—ã¦ã—ã¾ã£ã¦ã„ã‚‹äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ã¦æ¬²ã—ã„ã®ãŒFlashCanvasã§ã™ã€‚ Flotã®ã‚°ãƒ©ãƒ•ã‚’è¡¨ç¤ºã—ãŸä¾‹ã€‚ å¤šå½©ãªã‚°ãƒ©ãƒ•ã‚’Flashä¸Šã«æç”»ã§ãã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã«è¿½å¾“ã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãƒ¯ãƒ¼ãƒ—ã®ã‚ˆã†ãªè¡¨ç¤ºã€‚ ã‚ˆã‚Šè¤‡é›‘ãªæç”»ã‚’è¡Œã†ãƒ‡ãƒ¢ã€‚ FlashCanvasã¯Canvasã‚¿ã‚°ã‚’Flashã‚’ä½¿ã£ã¦æç”»ã—ã¾ã™ã€‚ç¾åœ¨ã€Canvasã‚¿ã‚°ã®ãƒ†ã‚¹ãƒˆã«å¯¾ã—ã¦72ã€œ78%åˆæ ¼ã¨ãªã£ã¦ã„ã¾ã™ã€‚Google Chrome9.xãŒ87.4%ã€Firefox3.6ãŒ74%ãªã®ã§ç°¡æ˜“çš„ãªæç”»ã§ã‚ã‚Œã°ååˆ†è€ãˆã‚‰ã‚Œã‚‹ãƒ¬ãƒ™ãƒ«ã¨è¨€ãˆãã†ã§ã™ã€‚ FlashCanvasã¯Flashè£½ã€MIT Lic
fushimik 2013/03/08
Canvas

flash
ãƒªãƒ³ã‚¯
Illustratorã®ãƒ‡ãƒ¼ã‚¿ã‚’canvasã«å¤‰æ›ã™ã‚‹ãƒ»ã€ŒAi to Canvasã€ - ã‹ã¡ã³ã¨.net
Ai to Canvasã¯ã€AIãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTML5ã®canvasã«å¤‰æ›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ç¾çŠ¶ã¯å®Œå…¨ãªç‰©ã§ã¯ãªã•ãã†ã§ã™ãŒã€ä»Šå¾Œã‚‚æœŸå¾…ã§ããã†ãªå‡ºæ¥ã§ã™ãã€‚ Ai to Canvas
fushimik 2013/03/02
Illustrator

canvas
ãƒªãƒ³ã‚¯
ã€é€£è¼‰ã€‘ç¬¬ä¸€å›žHTML5ã§Canvasã‚¢ãƒ—ãƒªã‚’ä½œã‚‹å…¥é–€ç·¨ ~canvasé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹~ - nigoblog
å‰å›žã–ã£ãã‚ŠWEBã‚¢ãƒ—ãƒªãŒæ¥ã‚‹!ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ ã¨ã„ã†ã‚ã‘ã§ä»Šå›žã¯WEBã‚¢ãƒ—ãƒªã®ä½œã‚Šæ–¹!ç‰¹ã«canvasã‚’åˆ©ç”¨ã—ãŸã‚¢ãƒ—ãƒªã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ã‹ãªã‚Šå†…å®¹ã¯å…¥é–€è€…å‘ã‘ã§ã™ã®ã§ã€ã¾ã ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’çŸ¥ã‚‰ãªã„ã¨ã„ã†äººã§ã‚‚è¨˜äº‹ã‚’èªã¿ãªãŒã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒå‡ºæ¥ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã‚‚é€£è¼‰å½¢å¼ã§æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ é€£è¼‰ãŒçµ‚ã‚ã‚‹é ƒã«ã¯canvasã§WEBã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã“ã¨ã§ã—ã‚‡ã†! ç¬¬ä¸€å›žç›®ã®ãƒ†ãƒ¼ãƒžã¯è‰²ã€…ã‚„ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†ã“ã¨ã§canvasé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’æ›¸ã„ã¦ã„ãã¾ã™ã€‚ å‚è€ƒå›³æ›¸ canvasã§å‡ºæ¥ã‚‹ã“ã¨ canvasã‚’ä½¿ã†æº–å‚™ canvasã§è‰¯ãä½¿ã†ãƒ¡ã‚½ãƒƒãƒ‰ ã¾ã¨ã‚ ã¨ã„ã†æµã‚Œã§æ›¸ã„ã¦ã„ãã¾ã™ã€‚ å‚è€ƒå›³æ›¸ å‚è€ƒå›³æ›¸ã«ã¯ã“ã¡ã‚‰ã€‚ HTML5 Canvas ä½œè€…: Steve Fulton,Jeff Fulton,å®‰è—¤æ…¶ä¸€å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ã‚ª
fushimik 2013/01/06
canvaså…¥é–€ç·¨

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

Canvas

ãŠå‹‰å¼·
ãƒªãƒ³ã‚¯
1