[B! getImageData] inurotaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

inurota id:inurota

getImageDataã«é–¢ã™ã‚‹inurotaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

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

putImageDataã«ã‚ˆã‚‹Canvasã®ç”»åƒãƒ‡ãƒ¼ã‚¿è¨å®š
ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§æç”»ã•ã‚ŒãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ä¿æŒã™ã‚‹HTML5ã®Canvasè¦ç´ ã«ã¯ã€æç”»å†…å®¹ï¼ˆCanvasã®ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ã€ãƒ”ã‚¯ã‚»ãƒ«ãƒ‡ãƒ¼ã‚¿ï¼‰ã‚’é…åˆ—ã§ç›´æŽ¥æ“ä½œã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒãƒƒãƒ•ã‚¡æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒãƒƒãƒ•ã‚¡ã¯ã€ImageDataã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å½¢ã§å–å¾—ã€è¨å®šãŒå¯èƒ½ã§ã€ImageDataã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®dataãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚ã‚‹é…åˆ—ã«æ•°å€¤ã‚’è¨å®šã—ã¦Canvasã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã®putImageData()ã«æ¸¡ã™ã¨ã€ãã®æ•°å€¤ãƒ‡ãƒ¼ã‚¿ã§Webãƒšãƒ¼ã‚¸ä¸Šã®Canvasã«æç”»ã‚’è¡Œã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ æ•°å€¤ã®é…åˆ—ã§ã‚ã‚Œã°ã€JavaScriptã‹ã‚‰ã§ã‚‚é«˜é€Ÿã«å‡¦ç†ã§ãã‚‹ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã§ãƒ”ã‚¯ã‚»ãƒ«æ¯Žã«ç”»åƒå‡¦ç†ã‚’è¡Œã£ãŸã‚Šæç”»å†…å®¹ã‚’è¨ˆç®—ã§ä½œã‚Šå‡ºã™ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªé–‹ç™ºã§ã¯å¨åŠ›ã‚’ç™ºæ®ã—ãã†ã§ã™ãã€‚ ã¾ãšã¯ã€JavaScriptã§æ›¸ãè¾¼ã‚“ã é…åˆ—ã‚’Canvasã«è¡¨ç¤ºã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ã‚‡ã†ã€‚ ImageDataã®dataãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚
inurota 2011/09/25
canvas

putImageData

getImageData
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«3ä¸‡å€‹ - latest log
IE 10pp2 ã¨ iPad2 (iOS5) ã®ã‚¹ã‚³ã‚¢ã‚’è¿½è¨˜ã—ã¾ã—ãŸ iPhone4S (iOS5) ã®ã‚¹ã‚³ã‚¢ã‚’è¿½è¨˜ã—ã¾ã—ãŸ Firefox 4 ã‹ã‚‰ window.mozRequestAnimationFrame ãŒåˆ©ç”¨å¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ window.requestAnimationFrame / setTimeout(,4) / setInterval(, 16) ã§ ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«3ä¸‡å€‹ã‚’é£›ã°ã™ãƒ‡ãƒ¢ã€‚ ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãƒžã‚·ãƒ³ã®ã‚¹ãƒšãƒƒã‚¯ â†’ MacBook (13-inch, Late 2009) - æŠ€è¡“ä»•æ§˜ã€‚ ãƒ¡ãƒ¢ãƒª4GBã« + BootCamp + Windows7 ä¸Šã§è¨ˆæ¸¬ã—ã¦ã„ã¾ã™ã€‚ Windows ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã®æ•°å€¤ã¯ã€5.1 ã§ã€å„é …ç›®ã¯ ãƒ—ãƒã‚»ãƒƒã‚µ: 5.8 ãƒ¡ãƒ¢ãƒª: 5.8 ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹: 5.1 ã‚²ãƒ¼ãƒ ç”¨ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹: 5.5 ãƒ—ãƒ©ã‚¤ãƒžãƒªãƒãƒ¼ãƒ‰ãƒ‡
inurota 2011/08/09
javascript

canvas

getImageData

webkitRequestAnimationFrame
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

getImageDataã«é–¢ã™ã‚‹inurotaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´2æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬1é€±ï¼‰

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ£ã—ã¾ã—ãŸ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

getImageDataã«é–¢ã™ã‚‹inurotaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

putImageDataã«ã‚ˆã‚‹Canvasã®ç”»åƒãƒ‡ãƒ¼ã‚¿è¨­å®š

ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«3ä¸‡å€‹ - latest log

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´2æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬1é€±ï¼‰

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç­”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ­£ã—ã¾ã—ãŸ

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

getImageDataã«é–¢ã™ã‚‹inurotaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

putImageDataã«ã‚ˆã‚‹Canvasã®ç”»åƒãƒ‡ãƒ¼ã‚¿è¨å®š

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´2æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬1é€±ï¼‰

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ£ã—ã¾ã—ãŸ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹