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

voidy21 id:voidy21

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

${{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}}

toDataURL() ãƒ¡ã‚½ãƒƒãƒ‰ - Canvasãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ - HTML5.JP
æ§‹æ–‡ url = canvas . toDataURL( [ type, ... ]) canvas ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«å¯¾ã™ã‚‹ data: URL ã‚’è¿”ã—ã¾ã™ã€‚ ç¬¬ 1 å¼•æ•°ã‚’æŒ‡å®šã™ã‚‹ã¨ã€ãã‚Œã¯ã€è¿”ã•ã‚Œã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚¿ã‚¤ãƒ— (ä¾‹ãˆã°ã€PNG ã‚„ JPEG) ã‚’åˆ¶å¾¡ã—ã¾ã™ã€‚ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯ image/png ã§ã™ã€‚ã“ã®ã‚¿ã‚¤ãƒ—ã¯ã€æŒ‡å®šã®ã‚¿ã‚¤ãƒ—ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„å ´åˆã‚‚é©ç”¨ã•ã‚Œã¾ã™ã€‚æ®‹ã‚Šã®å¼•æ•°ã¯ã‚¿ã‚¤ãƒ—å›ºæœ‰ã®ã‚‚ã®ã¨ãªã‚Šã€ä¸‹è¡¨ã®é€šã‚Šã€ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒç”Ÿæˆã•ã‚Œã‚‹æ–¹æ³•ã‚’åˆ¶å¾¡ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ä»•æ§˜ toDataURL() ãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€å¼•æ•°ãŒãªã„å ´åˆã¯ã€PNG ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ã®ç”»åƒè¡¨ç¾ã‚’å«ã‚“ã data: URI ã‚’è¿”ã•ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚[PNG] canvas ã«ãƒ”ã‚¯ã‚»ãƒ«ãŒãªã‘ã‚Œã°ï¼ˆã¤ã¾ã‚Šã€å¹…ã‚‚é«˜ã•ã‚‚ 0 ãªã‚‰ï¼‰ã€ã“ã®ãƒ¡ã‚½ãƒƒãƒ‰ã¯æ–‡å—åˆ— "data:," ã‚’è¿”ã•ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚ï¼ˆã“ã‚Œã¯ã€æœ€çŸã® data: UR
voidy21 2010/05/25
canvas
ãƒªãƒ³ã‚¯
by edvakf in hatena
voidy21 2010/05/15
javascript

canvas
ãƒªãƒ³ã‚¯
canvasã§ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã‚‹æ–¹æ³• - KAYAC Engineers' Blog
tech.kayac.comã€ã•ã•ã‚„ã‹ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ tech.kayac.comã‚’ã”è¦§ã®çš†ã•ã‚“ã€ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ„åŒ éƒ¨MEèª²ã®fuchigamiã¨ã„ã„ã¾ã™ã€‚ ã©ã†ã—ã¦æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã«æ„åŒ éƒ¨ã®é‡ŽéƒŽãŒï¼Ÿã£ã¦æ„Ÿã˜ã§ã™ãŒã€ æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«è¨˜å¿µã¨ã„ã†ã“ã¨ã§ã€ã¡ã‚ƒã£ã‹ã‚Šcanvasã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ æœ€åˆãªã®ã§ã€ã€ã€ ç°¡å˜ã«ã¼ãã®å±žæ€§ã‚’èª¬æ˜Žã™ã‚‹ã¨ã€html5ã¨ã‹å¥½ãã€CSS3ã¨ã‹å¥½ãã€canvasã¨ã‹èˆˆå‘³ã‚ã‚‹ã€éžãƒ¢ãƒ†ã€javascriptã¯jQueryãŒãªã‚“ã¨ãªãã‚ã‹ã‚‹ç¨‹åº¦ã€éžãƒªã‚¢å……ã€‚ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å…¨èˆ¬ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ç‰¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«é–¢ã—ã¦ã¯ãƒ‰ç´ äººã ï¼ã¨ã„ã†ã“ã¨ã‚’å¼·èª¿ã—ã¦ãŠãã¾ã™ã€‚ ãã‚“ãªã¼ããŒã€canvasã‚’ä½¿ã£ã¦ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ ã€Œãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‹ã‚‰ã«ã¯æ–°ã—ã„ã“ã¨ãŒã‚„ã‚ŠãŸã„ã‚ˆãã€‚ã ã£ãŸã‚‰html5ã¨c
voidy21 2010/05/14
canvas
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’æç”»ã™ã‚‹ Â« Mozilla Developer Street (modest)
ã‚¿ãƒ–ã‚«ã‚¿ãƒã‚°æ‹¡å¼µæ©Ÿèƒ½ã®ã‚ˆã†ã«Webãƒšãƒ¼ã‚¸ã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ‹¡å¼µæ©Ÿèƒ½ã®å¤šãã¯ã€ html:canvas è¦ç´ ã®äºŒæ¬¡å…ƒæç”»ã‚³ãƒ³ãƒ†ã‚¯ã‚¹ãƒˆã® drawWindow ãƒ¡ã‚½ãƒƒãƒ‰ã¸Webãƒšãƒ¼ã‚¸ã® window ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãªã©ã‚’å¼•æ•°ã§æ¸¡ã—ã¦ã‚µãƒ ãƒã‚¤ãƒ«ã®æç”»ã‚’è¡Œã£ã¦ã„ã¾ã™ï¼ˆcanvas ã‚’ä½¿ã£ã¦å›³å½¢ã‚’æã â€“ MDCï¼‰ã€‚ ã“ã® drawWindow ãƒ¡ã‚½ãƒƒãƒ‰ã®å¼•æ•°ã«Webãƒšãƒ¼ã‚¸ã® window ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã¯ãªãã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã® ChromeWindow ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ¸¡ã™ã“ã¨ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’æç”»ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ã—ã‹ã—ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãƒ–ãƒ©ã‚¦ã‚¶ã‚¿ãƒ–å†…ã«è¡¨ç¤ºã•ã‚ŒãŸWebãƒšãƒ¼ã‚¸ã¾ã§ã¯æç”»ã•ã‚Œãšã€èƒŒæ™¯è‰²ã§å¡—ã‚Šã¤ã¶ã•ã‚ŒãŸã‚ˆã†ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ã«ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ã‚µãƒ ãƒã‚¤ãƒ«ã®ä¸Šã«ã€Web ãƒšãƒ¼ã‚¸ã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’é‡ãã¦æç”»ã™ã‚‹å¿…è¦ãŒã‚ã‚Šãã†ã§ã™ã€‚ã“ã“ã§
voidy21 2010/01/17
firefox

canvas
ãƒªãƒ³ã‚¯
JavaScript + Canvas ã§å‹•ãã‚«ã‚ªã‚¹ã‚¢ãƒˆãƒ©ã‚¯ã‚¿ç”Ÿæˆå™¨ä½œã£ã¦ã¿ãŸ - mooz deceives you
ã‚«ã‚ªã‚¹ã‚¢ãƒˆãƒ©ã‚¯ã‚¿ by edvakf in hatena ã‚’è¦‹ã¦ã„ã¦ Canvas ã§ãƒ”ã‚¯ã‚»ãƒ«æ“ä½œãŒå‡ºæ¥ã‚‹ã‚‰ã—ã„ã“ã¨ã‚’çŸ¥ã‚Šã€æ—©é€Ÿã‚«ã‚ªã‚¹ã‚¢ãƒˆãƒ©ã‚¯ã‚¿ç”Ÿæˆå™¨ã‚’ä½œã£ã¦ã¿ãŸã€‚ ã‚¢ã‚¯ã‚»ã‚¹ã¯ C.H.A.O.T.I.C C.A.N.V.A.S ã‹ã‚‰ã€‚ å‹•ä½œã¯ Firefox 3.5 ã¨ Google Chrome ã§ç¢ºèªã€‚å‡¦ç†é€Ÿåº¦ã¯ Chrome ã®æ–¹ãŒ 5 å€ã»ã©é€Ÿã„ã®ã§ã€ä¸€å¿œ Chrome æŽ¨å¥¨ã€‚ Safari ã‚„ Opera ã§ã¯æœªç¢ºèªã€‚ ã§ã€æ“ä½œèª¬æ˜Žã€‚ Draw ãƒœã‚¿ãƒ³ã‚’æŠ¼ã›ã°ã‚«ã‚ªã‚¹ã‚¢ãƒˆãƒ©ã‚¯ã‚¿ãŒæç”»ã•ã‚Œã‚‹ã€‚ Settings å³ã®ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã„ãã¤ã‹ãƒ—ãƒªã‚»ãƒƒãƒˆã®è¨å®šã‚’ç”¨æ„ã—ã¦ãŠã„ãŸã®ã§ã€ã¯ã˜ã‚ã¯ãã¡ã‚‰ã‚’è©¦ã•ã‚Œã‚‹ã®ãŒè‰¯ã„ã¨æ€ã†ã€‚ Coefficients ã®å€¤ã‚’ã¡ã‚‡ã³ã£ã¨ã¥ã¤å¤‰ãˆã¦ã„ãã¨ã€ç”Ÿæˆã•ã‚Œã‚‹ç”»åƒãŒç¶ºéº—ã«å¤‰åŒ–ã—ã¦ã„ã£ã¦ãã‚Œã‚‹ã€‚ä¸€æœŸä¸€ä¼šãªæ„Ÿã˜ãŒå°æ†Žã„ã€‚ç”»åƒã¯ Firefox ãªã‚‰å³ã‚¯ãƒª
voidy21 2010/01/16
canvas
ãƒªãƒ³ã‚¯
http://diaspar.jp/node/155
See related links to what you are looking for.
voidy21 2009/10/21
canvas
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
voidy21 2009/09/20
canvas
ãƒªãƒ³ã‚¯
Image evolution
The goal is to get an image represented as a collection of overlapping polygons of various colors and transparencies. We start from random 50 polygons that are invisible. In each optimization step we randomly modify one parameter (like color components or polygon vertices) and check whether such new variant looks more like the original image. If it is, we keep it, and continue to mutate this one i
voidy21 2008/12/11
canvas

javascript
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã§ãŠçµµæããƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼ Processing.js ç™»å ´ï¼ - ITæˆ¦è¨˜
ã¯ã˜ã‚ã« ä»Šæ—¥ã€ jQuery ã®ä½œè€…ã¨ã—ã¦æœ‰åãª John Resig ã•ã‚“ãŒ Processing.js ã¨ã„ã† JavaScript ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ John Resig - Processing.js ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã¨ã€æ¯”è¼ƒçš„ç°¡å˜ã«ä»¥ä¸‹ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ãã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€å…¬é–‹ã•ã‚ŒãŸã°ã‹ã‚Šã®ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç°¡å˜ãªä½¿ã„æ–¹ã‹ã‚‰è©³ã—ã„ä½¿ã„æ–¹ã¾ã§ã¨ã“ã¨ã‚“æŽ˜ã‚Šä¸‹ã’ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Processing.js æ¦‚è¦ ã¾ãšã€ Processing.js ã¨ã¯ä½•ã‹ã¨ã„ã†è©±ã‚’ã—ã¾ã™ã€‚ Processing.js ã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ Processing ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã‚’å®Ÿè¡Œã™ã‚‹ JavaScript ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã§ã¯ã€ Processing ã¨ã¯ã©ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžãªã®ã§ã—ã‚‡ã†ã‹ã€‚ Processing
voidy21 2008/05/10
canvas

javascript
ãƒªãƒ³ã‚¯
JavaScriptã‚’ä½¿ã£ã¦æç”»ã™ã‚‹Canvasã¨ã¯ï¼Ÿ
Canvasã¨ã¯ã€JavaScriptã‚’ä½¿ã£ã¦å‹•çš„ã«å›³ã‚’æããŸã‚ã«ç–å®šã•ã‚ŒãŸä»•æ§˜ã§ã™ã€‚ã“ã‚Œã¾ã§ã€å‹•çš„ã«å›³ã‚’è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã¨ã—ã¦ã¯ã€FlashãŒä»£è¡¨çš„ãªé¸æŠžè‚¢ã§ã—ãŸã€‚ã—ã‹ã—ã€Canvasã‚’ä½¿ã†ã“ã¨ã§ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã•ãˆã‚ã‚Œã°ã€èª°ã§ã‚‚ç„¡æ–™ã§å‹•çš„ã«å›³ã‚’æãã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã§ã™ã€‚ æ‰‹å‰ã¿ãã§æç¸®ã§ã™ãŒã€å›³1ã¯ç†è€…ãŒCanvasã‚’ä½¿ã£ã¦ä½œã£ãŸæ£’ã‚°ãƒ©ãƒ•ã‚’æãJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚ãƒ£ãƒ—ãƒãƒ£ç”»åƒã§ã™ã€‚Canvasã‚’ä½¿ã†ã“ã¨ã§ã€ç°¡å˜ãªå›³ã ã‘ã§ã¯ãªãã€ã‹ãªã‚Šå‡ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚æ‰±ã†ã“ã¨ãŒã§ãã‚‹ã“ã¨ãŒãŠã‚ã‹ã‚Šã„ãŸã ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€Canvasã¯æ±ºã—ã¦Flashã®ä»£æ›¿æŠ€è¡“ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã¾ãšã¯ã€Canvasã®ç‰¹å¾´ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ã‚‡ã†ã€‚Canvasã®ç‰¹å¾´ã¨ã—ã¦ã¯ã€ã€ŒJavaScriptã‚’ä½¿ã£ã¦æç”»ã™ã‚‹ã€ã€Œæ–‡å—ã¯æã‘ãªã„ã€ã€Œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒãªã„ã€ã®3ã¤ãŒã‚ã‚Š
voidy21 2008/05/02
canvas

javascript
ãƒªãƒ³ã‚¯
canvasãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
<body> <h1>canvasãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹</h1>
voidy21 2008/05/01
canvas

javascript
ãƒªãƒ³ã‚¯
20è¡Œã®Javascript+canvasã§ã“ã“ã¾ã§ã§ãã‚‹ | ç§‹å…ƒ@ã‚µã‚¤ãƒœã‚¦ã‚ºãƒ©ãƒœãƒ»ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚°
# Internet Explorerä¸å¯ OZONE Asylumã¨ã„ã†ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã§å‡ºã•ã‚ŒãŸä»Šæœˆã®ãŠé¡Œã€Œ20è¡Œã®Javascriptã§ã§ãã‚‹ã ã‘å¤šãã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŒã˜ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«å‡ºã™ã€ã«å¯¾ã—ã¦å‡ºã¦ããŸã™ã”ã„ç”ãŒã“ã‚Œã€‚ ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã‚‹ã¨ã€ãŸã—ã‹ã«æœ‰åŠ¹ãªè¡Œã¯20è¡Œã—ã‹ãªã„ã€‚ Opera9.5ã¨Firefox3(ã©ã£ã¡ã‚‚ã¾ã ãƒ™ãƒ¼ã‚¿)ã§ä½œè€…ã®æ„å›³ã©ãŠã‚Šå‹•ãã¨ã®ã“ã¨ã€‚Firefox2ã‚„Opera9ã§ã‚‚å‹•ãè‡ªä½“ã¯è¦‹ãˆã‚‹ãŒã€Firefox2ã§ã¯å…‰ã‚‹åŠ¹æžœãŒè¦‹ãˆãªã‹ã£ãŸã‚Šã€‚ via del.icio.us/popular ã“ã®è¨˜äº‹ã¯ç§»è»¢å‰ã®å¤ã„URLã§å…¬é–‹ã•ã‚ŒãŸæ™‚ã®ã‚‚ã®ã§ã™ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒæ–°æ—§ã§åˆ†æ•£ã—ã¦ã„ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ç§»è»¢å‰ã¯ç¾åœ¨ã¨ã¯æ–‡ä½“ãŒé•ã„ã€Œã§ã‚ã‚‹ã€èª¿ã§ã™ã€‚(å‚è€ƒ)è¨˜äº‹ã®å†…å®¹ãŒå¤ãã¦å½¹ã«ç«‹ãŸãªããªã£ã¦ã„ã‚‹ã€ã¨ã„ã†å ´åˆã«ã¯ã‚³ãƒ¡ãƒ³ãƒˆã‚„ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã§ã”æŒ‡æ‘˜ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚æœ€æ–°ã®çŠ¶æ³ã‚’èª¿ã¹ã¦æ–°ã—ã„è¨˜äº‹ã‚’æ›¸
voidy21 2008/04/29
canvas

javascript
ãƒªãƒ³ã‚¯
Saving canvas data to image file
This is a small library that lets you easily save a WHATWG canvas element as an imagefile. Files needed: canvas2image.js, base64.js Draw on the canvas with the pretty boxes below using the mouse, then click the "Convert" buttons to convert it to a downloadable image - or the "Save" buttons to download the image file directly. Using the WHATWG canvas element, you can create all sorts of cool gr
voidy21 2008/04/16
javascript

canvas
ãƒªãƒ³ã‚¯
Canvas tutorial - MDC
ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ã€ <canvas> è¦ç´ ã‚’ä½¿ç”¨ã—ã¦äºŒæ¬¡å…ƒã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æç”»ã™ã‚‹æ–¹æ³•ã‚’ã€åŸºæœ¬ã‹ã‚‰èª¬æ˜Žã—ã¾ã™ã€‚ã“ã“ã§ã®ä¾‹ã¯ã€ã‚ãƒ£ãƒ³ãƒã‚¹ã§ä½•ãŒã§ãã‚‹ã‹ã‚’æ˜Žç¢ºã«ç¤ºã™ã‚‚ã®ã§ã‚ã‚Šã€ç‹¬è‡ªã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ <canvas> ã¯ HTML ã®è¦ç´ ã§ã‚ã‚Šã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆï¼ˆãµã¤ã†ã¯ JavaScriptï¼‰ã‚’ä½¿ã£ã¦ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æãã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã‚Œã¯ä¾‹ãˆã°ã€ã‚°ãƒ©ãƒ•ã‚’æã„ãŸã‚Šã€å†™çœŸã‚’åˆæˆã—ãŸã‚Šã€ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <canvas> ã¯ Apple ãŒ macOS Dashboard ã®ãŸã‚ã« WebKit ã«åˆã‚ã¦å°Žå…¥ã—ãŸå¾Œã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å®Ÿè£…ã•ã‚Œã¾ã—ãŸã€‚ç¾åœ¨ã¯ã€ã‚ã‚‰ã‚†ã‚‹ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãŒå¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ <canvas> ã‚’ä½¿ã†ã®ã¯ãã‚Œã»ã©é›£ã—ãã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ HTML ã¨ JavaScript ã®åŸºæœ¬çš„ãªç†è§£ãŒå¿…è¦ã§ã™ã€‚ä¸€éƒ¨ã®
voidy21 2008/02/10
canvas

javascript
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ãŠçµµã‹ã
ç·šã®è‰²: ç·šã®å¤ªã•: èƒŒæ™¯è‰²: èƒŒæ™¯è‰²ã®å¤‰æ›´ã¯ã‚„ã‚Šç›´ã—ã§ãã¾ã›ã‚“ã€‚ ã™ã¹ã¦å‰Šé™¤ã™ã‚‹ã¨å…ƒã«æˆ»ã™ / ã‚„ã‚Šç›´ã™ã“ã¨ãŒã§ããªããªã‚Šã¾ã™ã€‚ VML ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯æç”»ä¸ã«ç·šãŒæºã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ VML ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ç·šãŒå°‘ã—å¤ªã‚ã«ãªã‚Šã¾ã™ã€‚ Opera 8 (SVG Tiny ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰) ã§ã¯ JavaScript ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«å¤§é‡ã®è¦å‘ŠãŒå‡ºã¾ã™ã€‚ CSS Positioning ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ç‚¹ãŒå††ã§ã¯ãªãæ£æ–¹å½¢ã«ãªã‚Šã¾ã™ã€‚ CSS Positioning ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®ä½œæˆã«ã‚ãŸã£ã¦ã¯ã€ç·šåˆ†æç”»ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ (Fussy's HOMEPAGE) ã‚’å‚è€ƒã«ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ DrawingCanvas.js DrawingCanvas.js (0.02) ã¨ DynamicCanvas.js ã‹ã‚‰æ§‹æˆã•ã‚Œã¾ã™ã€‚ DrawingCanvas ã¯åŸºæœ¬çš„ãªæç”»ã‚’æ‹…å½“ã—ã¾ã™ã€‚ Dyn
voidy21 2008/02/10
canvas

javascript
ãƒªãƒ³ã‚¯
Paint : Microsoft Paint Online
Microsoft Paint is also known as MS Paint. It is a basic graphics drawing program that has been an indispensable part of all versions of the Microsoft Windows operating system. MSP provides easy ways for creating different types of graphics with different tools. The tools include brushes, shape generators, pens, and erasers. Many users of Windows might also be unaware of its presence, considering
voidy21 2008/02/10
canvas

javascript
ãƒªãƒ³ã‚¯
1