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

tetsukamp id:tetsukamp

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

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

JavaScriptã§å–ã‚Šçµ„ã‚€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° - ãƒ‘ãƒ¼ãƒªãƒ³ãƒŽã‚¤ã‚ºã‚’ä½¿ã„ã“ãªã› - ICS MEDIA
HTML Canvasè¦ç´ ã¨JavaScriptã‚’ä½¿ã†ã¨ã€æ‰‹è»½ã«ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã¯ã˜ã‚ã‚‰ã‚Œã¾ã™ã€‚ å…ˆæœˆ7æœˆ25æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã€ŒFrontend de KANPAI! #4ã€ã§ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¢ãƒ¼ãƒˆã®æ¥½ã—ã•ã‚’ç´¹ä»‹ã™ã¹ãã€ŒJavaScriptã¨WebGLã§å–ã‚Šçµ„ã‚€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã¨é¡Œã—ã¦ç™ºè¡¨ã—ã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ãã®ã¨ãã®ç™»å£‡å†…å®¹ã‚’è¨˜äº‹ã¨ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯HTML Canvasã¨JavaScriptã®ç†è§£ã«ã¤ãªãŒã‚‹ã“ã¨ã‚’ç›®æ¨™ã«ã€æ¬¡ã®ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®ä½œæˆæ–¹æ³•ã‚’ã‚¹ãƒ†ãƒƒãƒ—å½¢å¼ã§è§£èª¬ã—ã¾ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã™ã¹ã¦GitHubã«ã¦å…¬é–‹ã—ã¦ã„ã¾ã™ã®ã§ã€ã‚ã‚ã›ã¦å‚ç…§ãã ã•ã„ã€‚ â–² å®Œæˆç‰ˆã‚µãƒ³ãƒ—ãƒ«ã€‚å®Ÿè£…ã™ã‚‹ä¸Šã§é‡è¦ãªè¡¨ç¾ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã ã‘ã‚’çµžã£ã¦è§£èª¬ã—ã¾ã™ ã‚µãƒ³ãƒ—ãƒ«ã‚’åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ã ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã™ã‚‹ ã‚¹ãƒ†ãƒƒãƒ—â‘ æç”»ã®ãŸã‚ã®canvasã‚’ç”¨æ„ ã‚µãƒ³ãƒ—
tetsukamp 2018/08/13
canvas

javascript
ãƒªãƒ³ã‚¯
Chart.js
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
tetsukamp 2013/03/19
chart

js

javascript

canvas

library

graph
ãƒªãƒ³ã‚¯
arahaya.com
ARAKI Hayato Web Developer/Programmer Birth. Jan 23, 1984 Location. Tokyo/Japan Em ail. Facebook. http://www.facebook.com/arahaya Blog. http://blog.arahaya.com/
tetsukamp 2010/11/18
javascript

canvas
ãƒªãƒ³ã‚¯
App
Less than 80 years of oil reserves rem ain on Earth...
tetsukamp 2010/11/11
canvas

javascript

animation
ãƒªãƒ³ã‚¯
hinata.in
This domain may be for sale!
tetsukamp 2010/11/04
chrome

favicon

animation

canvas
ãƒªãƒ³ã‚¯
hinata.in
This domain may be for sale!
tetsukamp 2010/11/04
javascript

html5

canvas

OpenCV
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
tetsukamp 2010/11/04
javascript

face

detection

OpenCV

canvas
ãƒªãƒ³ã‚¯
Face Detection in JavaScript via HTML5 Canvas
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Â Chinese developer Liu Liu has done the honors, and implemented the algorithmÂ using the canvas element. The algorithm is implemented on
tetsukamp 2010/11/04
javascript

face

detection

canvas

php
ãƒªãƒ³ã‚¯
http://libcanvas.com/
tetsukamp 2010/10/23
library

canvas

javascript
ãƒªãƒ³ã‚¯
Canvasã‚’æ´»ç”¨ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·LibCanvas MOONGIFT
LibCanvasã¯JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚JavaScriptã¯é€Ÿåº¦ã€æ©Ÿèƒ½ã¨ã‚‚ã«é€²åŒ–ã—ã¦ã„ã‚‹ã€‚ãƒ¡ãƒ¼ãƒ«ã‚„ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®ã‚ˆã†ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã¨ã®è¦ªå’Œæ€§ã®é«˜ã„ã‚‚ã®ã¯ã‚‚ã¡ã‚ã‚“ã€ç”»åƒç·¨é›†ã‚’ã¯ã˜ã‚æ§˜ã€…ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒWebåŒ–ã—ã¦ã„ã‚‹ã€‚ ã‚½ãƒªãƒ†ã‚£ã‚¢ãƒ‡ãƒ¢ ä»Šå¾Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§HTML5ãŒç©æ¥µçš„ã«å–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ãã‚Œã°ã€JavaScriptã®åˆ©ç”¨æ©Ÿä¼šã¯ã•ã‚‰ã«å¢—ãˆã‚‹ã¯ãšã ã€‚ãã‚“ãªæ™‚ã«ã¯ä¸€ã‹ã‚‰JavaScriptã‚’çµ„ã‚€ã®ã§ã¯ãªãã€å¤šæ§˜ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã“ã¨ã«ãªã‚‹ã ã‚ã†ã€‚ãã“ã§è¦šãˆã¦ãŠããŸã„ã®ãŒLibCanvasã ã€‚ LibCanvasã¯Canvasã‚¿ã‚°ã‚’ä½¿ã†ã“ã¨ã§è¡¨ç¾åŠ›ã‚’å‘ä¸Šã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚MooToolsã‚’ãƒ™ãƒ¼ã‚¹ã«é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã€‚ãƒ‡ãƒ¢ã®ä¸ã«ã¯ç‰©ç†ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚ˆã†ã«å¤šæ•°ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒé–¢é€£ã—ã¦å‹•ä½œã™ã‚‹ã‚‚ã®ã‚„ã€ã‚«ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã®ãƒ‡ãƒ¢ã‚‚ã‚ã‚‹ã€‚ ã‚¢ã‚¹ãƒ†ãƒã‚¤ãƒ‰ã®ãƒ‡ãƒ¢ ã‚½ãƒª
tetsukamp 2010/10/23
javascript

canvas

library
ãƒªãƒ³ã‚¯
HTML5 Canvasç”¨ã®æç”»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’è‡ªä½œã—ã¦ã¿ã‚‹ - KAZUMiX memo
HTML5 Canvas Sprite test ï¼ˆæœ€è¿‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ãªã‚‰å‹•ãã¨æ€ã†ã€‚IEã¯9ãªã‚‰å‹•ã? Google Chromeã¯çˆ†é€Ÿï¼‰ HTML5 Canvasã«é–¢ã—ã¦ã¯ã€IE9ãŒå‡ºã¦ã‹ã‚‰æœ¬æ°—å‡ºã™ï¼â€¦ã¤ã‚‚ã‚Šã ã£ãŸã‚“ã ã‘ã©ã€ãã®å‰ã«ä»•äº‹ã§ã‚„ã£ã¦ãã¦ã€ã„ããªã‚Šæœ¬æ°—ã‚’å‡ºã•ã–ã‚‹ã‚’å¾—ãªããªã£ãŸKAZUMiXã§ã™ã€‚ å®Ÿéš›ã«Canvasã‚’ä½¿ã£ã¦ã¿ãŸã‚‰æ€ã£ãŸä»¥ä¸Šã«ãƒãƒ¼ãƒ¬ãƒ™ãƒ«ï¼Flashã¿ãŸã„ãªã‚‚ã®ã‚’ä½œã‚ã†ã¨ã™ã‚‹ã¨ã€è‡ªå‰ã§æ·±åº¦ç®¡ç†ã‚„ã‚‰ãªã«ã‚„ã‚‰ã‚„ã‚‰ã–ã‚‹ã‚’å¾—ãªã„ï¼ ã¨ã„ã†ã‚ã‘ã§ã€Flash(AS3)ã§è¨€ã†ã¨ã“ã‚ã®Spriteã®ä»•çµ„ã¿ãŒæ¬²ã—ãã¦ä½œã£ã¦ã¿ãŸã‚µãƒ³ãƒ—ãƒ«ãŒä¸Šã®ã‚‚ã®ã‚‚ã§ã™ã€‚ Spriteã¨ã—ã¦å®Ÿè£…ã—ã¦ã„ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã¯addChild, removeChildã®ã¿ï½— ã¨ã¯ã„ãˆè¦ªåã€å…„å¼Ÿé–¢ä¿‚ã«å¯¾å¿œã™ã‚‹ã ã‘ã§ã€æ¥½ã—ããªã‚Šã¾ã™ãã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®JavaScriptã‚½ãƒ¼ã‚¹ sprite.js (utf8) è¿½åŠ ã—ãŸã„æ©Ÿ
tetsukamp 2010/10/18
canvas

library
ãƒªãƒ³ã‚¯
ã€ŒAiâ†’Canvasã€ã‚¤ãƒ©ã‚¹ãƒˆã‚’HTML5å½¢å¼ã«å¤‰æ›ã™ã‚‹ç”»æœŸçš„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã€å¢—ç”°@maskinçœŸæ¨¹ | TechWaveï¼ˆãƒ†ãƒƒã‚¯ã‚¦ã‚§ãƒ¼ãƒ–ï¼‰
[èªäº†æ™‚é–“:1åˆ†] ç±³MicrosoftãŒé‹å–¶ã™ã‚‹MixOnlineãŒ10æœˆ12æ—¥ã€ã‚¢ãƒ‰ãƒ“ãƒ»ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTML5ã®CANVASå½¢å¼ã«ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAiâ†’Canvasã€ã‚’å…¬é–‹ã—ãŸã€‚CANVASå½¢å¼ã§è¡¨ç¾ã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã¯æ‹¡å¤§ç¸®å°ã¯ã‚‚ã¡ã‚ã‚“ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ–½ã™ã“ã¨ãªã©ãŒå¯èƒ½ã«ãªã‚‹ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¾Œã€ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ã€Œæ›¸ãå‡ºã—ã€ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œã™ã‚‹ã¨CANVASå½¢å¼ã‚’é¸æŠžã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚æ›¸ãå‡ºã•ã‚Œã‚‹ã®ã¯HTMLãƒ•ã‚¡ã‚¤ãƒ«ã§ã€ãƒ™ã‚¸ã‚§æ›²ç·šã¯ãã®ã¾ã¾ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒã¯ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ä¿å˜ã•ã‚Œã‚‹ã€‚å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ï¼ˆä»¥ä¸‹å‚ç…§ï¼‰ ä¸Šã®ã‚¹ãƒŠãƒƒãƒ—ã‚·ãƒ§ãƒƒãƒˆã§CANVASå¤‰æ›ã—ãŸãƒ™ã‚¸ã‚§ã®ã¿ã§ä½œæˆã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã‚’ä»¥ä¸‹ã§å…¬é–‹ã—ã¦ã„ã‚‹ã€‚ http://blog.metamix.com/sample/NAOC_LOGO_Illustration.html ã‚½ãƒ¼ã‚¹ã‚’
tetsukamp 2010/10/18
canvas

html5

illustrator

ai

javascript

convert
ãƒªãƒ³ã‚¯
Close Pixelate Â· David DeSandro
Inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element. It's basically a simple demo for canvas' imageData functionality. This project lives on GitHub where you can download the script and these examples. View Close Pixelate on GitHub Options The function accepts an array of objects. Each object holds a set of option
tetsukamp 2010/10/18
canvas

mosaic

pixel

image

photo

javascript
ãƒªãƒ³ã‚¯
HTML5 / Canvas Arrowã‚ãƒ¼å…¥åŠ› | ã‚†ã‚‹ã¶ | ãƒšãƒ¼ã‚¸ 317
switch(event.keyCode){ case 38: // ä¸Šç§»å‹• break; case 40: // ä¸‹ç§»å‹• break; case 37: // å·¦ç§»å‹• break; case 39: // å³ç§»å‹• break; } ã—ã‹ã—ã€Safariã‚„Chromeãªã©ã®WebKitã ã¨åå¿œã—ãªã„ã€‚ keypressã§ã¯ãªãkeydownã‚’ä½¿ã†å¿…è¦ãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ ã—ã‹ã‚‚ã€WebKitä»¥å¤–ã§ã¯keydownã ã¨æŠ¼ã—ã£ã±ãªã—ãŒæ‹¾ãˆãªã„ã®ã§åˆ†å²ã•ã›ã‚‹ã“ã¨ã«ã€‚ jQueryã ã¨jQuery.browser.webkitã‚’åˆ©ç”¨ã€‚ â€»1.4ä»¥é™ã ã¨browserã¯éžæŽ¨å¥¨ã¿ãŸã„â€¦
tetsukamp 2010/10/11
canvas

arrow

key
ãƒªãƒ³ã‚¯
Nihilogic : 3D Javascript Particle Generator
This is another small demo, testing the capabilities of the Javascript/Canvas 3D renderer. This time we're doing a bit of special effects in Javascript. The excanvas support for Internet Explorer is currently broken in the 3D renderer, so only Firefox, Safari and Opera users get to experience cool Javascript smoke and fire in the browser for now. Click and drag mouse to rotate, use "w"/"s" to zoom
tetsukamp 2010/09/29
3d

particle

javascript

canvas
ãƒªãƒ³ã‚¯
The Wilderness Downtown
An interactive film by Chris Milk Featuring "We Used To Wait" Built in HTML5 This film does not work on mobile as it requires pop-ups. Please visit the site from a desktop browser. This film requires pop-ups. Click the icon in the address bar. Select "Always allow pop-ups from wildernessdowntown.com."
tetsukamp 2010/08/31
canvas

film

html5
ãƒªãƒ³ã‚¯
DeviantArt muro
Last Autosave: never New Canvas... Open File... Save File As... Export Image Import Image As Layer Resize Image Save and Exit to Sta.sh Cut Copy Paste Select All Select Inverse Select by Color Expand Selection Contract Selection Feather Selection Deselect Crop to Selection Clear Canvas Reset Brushes Flip Canvas Horizontally Flip Canvas Vertically
tetsukamp 2010/08/16
canvas

html5

draw

tool

webservice
ãƒªãƒ³ã‚¯
HTML5 Canvasã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ç•°ãªã‚‹å¾®å¦™ãªæŒ¯ã‚‹èˆžã„ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã€‚ - é¢¨ã¨å®‡å®™ã¨ãƒ—ãƒã‚°ãƒ©ãƒ
ã¯ã˜ã‚ã« Canvasã¯HTML5ã¨ã¯åˆ‡ã‚Šé›¢ã•ã‚ŒãŸç‹¬ç«‹ã—ãŸä»•æ§˜(HTML Canvas 2D Context)ã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ãŒã€ç¾çŠ¶ã®ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã®Canvasã®ã«ã¤ã„ã¦ã€æ™®æ®µã¯ã‚ã¾ã‚Šæ°—ã«ã—ãªã„å¾®å¦™ãªæŒ¯ã‚‹èˆžã„ã«ã¤ã„ã¦èª¿ã¹ãŸçµæžœã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ èª¿ã¹ãŸãƒ–ãƒ©ã‚¦ã‚¶ã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 ç·šã‚’æã (lineTo) ãŸã ã®ç›´ç·šã‚’æãã ã‘ã®lineToã§ã™ãŒã€ãã®å˜ç´”ãªã‚‚ã®ã«ã‚‚ã€æã‚‰ãã€å¤šãã®äººãŒæ™®æ®µã¯æ°—ã«ã—ãªã„ã‚ˆã†ãªå•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯åº§æ¨™å€¤ã¨ã‚¢ãƒ³ãƒã‚¨ãƒªã‚¢ã‚¹ã§ã™ã€‚è©³ã—ãè¦‹ã‚‹å‰ã«ã€å®Ÿéš›ã®çµæžœã‚’ç¤ºã—ã¾ã—ã‚‡ã†ã€‚ä¸‹è¨˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ä¸ã«æã‹ã‚Œã¦ã„ã‚‹ç·šã¯ã€ã„ãšã‚Œã‚‚ç·šå¹…(lineWidth)ãŒ1ã®ç·šã§ã™ã€‚ (å·¦ã‹ã‚‰ã€Firefox, Chrome, Safari, Opera
tetsukamp 2010/08/16
html5

canvas

javascript

browser
ãƒªãƒ³ã‚¯
Hakim El Hattab
Experiments of Interactive Developer Hakim El Hattab.HTML5 - Trail Experiments with particles and trails. Trail 01- Trail 02- Trail 03 HTML5 - Particle Depth An experiment with position of particles using depth. Particle Depth 01- Particle Depth 02 HTML5 - Wave Wave motion rendered using the canvas element. Version #02 & #03 are fed by tweets. Wave 01- Wave 02- Wave 03
tetsukamp 2010/08/09
html5

canvas

particle
ãƒªãƒ³ã‚¯
canvasã‚’ãƒã‚¤ãƒˆå˜ä½ã§ä¿®æ£ã™ã‚‹æ–¹æ³•ï¼ˆImageDataã®ä½¿ã„æ–¹ï¼‰ - KAYAC Engineers' Blog
å¼•ã£è¶Šã—ã—ã¾ã—ãŸã€‚agoã§ã™ã€‚ æ€ã„ã£ãã‚Šãƒã‚¿ãŒã‹ã¶ã£ã¦ã¾ã™ãŒã€ã‚ã¾ã‚Šæ°—ã«ã›ãšcanvasãƒã‚¿ã‚’æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯canvasã®ä¸ã§ã‚‚ImageDataé–¢ä¿‚ã‚’ã¾ã¨ã‚ã¦è¦‹ã¾ã—ãŸã€‚ ImageDataã£ã¦ãªã«ï¼Ÿ canvaså†…ã®ãƒã‚¤ãƒˆåˆ—ã‚’æ‰±ã†ãŸã‚ã®Objectã§ã™ã€‚ canvaså†…ã®å„ãƒã‚¤ãƒˆæ¯Žã«èµ¤ã€ç·‘ã€é’ã€é€æ˜Žåº¦ã®æƒ…å ±ã‚’é…åˆ—ã¨ã—ã¦ä¿æŒã—ã¦ã„ã¾ã™ã€‚ ä½•ã«ä½¿ã†ã®ï¼Ÿ canvaså†…ã‚’ãƒã‚¤ãƒˆå˜ä½ã§ä¿®æ£ã—ãŸã„å ´åˆã«ä½¿ã„ã¾ã™ã€‚ canvaså†…ã«å›³å½¢ç‰ã‚’æ›¸ãå ´åˆã€é€šå¸¸æä¾›ã•ã‚Œã¦ã„ã‚‹lineToç‰ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ãŒã€ã“ã†ã„ã£ãŸæŠ½è±¡ãƒ¡ã‚½ãƒƒãƒ‰ã¯ä¸€å›žã”ã¨ã®å‘¼ã³å‡ºã—ã‚³ã‚¹ãƒˆãŒå¤§ãã„ãŸã‚ã€ç´°ã‹ã„å˜ä½ã®æ“ä½œã«ã¯å‘ãã¾ã›ã‚“ã€‚ ãã®ç‚¹ã€ImageDataã§ã‚ã‚Œã°ãƒã‚¤ãƒˆå˜ä½ã§ã®æ“ä½œã—ã‹ã§ããªã„ä»£ã‚ã‚Šã«å‘¼ã³å‡ºã—æ¯Žã®ã‚³ã‚¹ãƒˆãŒå°ã•ã„ãŸã‚ã€ç´°ã‹ã„å˜ä½ã®æ“ä½œã‚‚é«˜é€Ÿã«è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ã€ã‚‚ã¡ã‚ã‚“ç·šã‚’å¼•ãã€ä¸¸ã‚’æ›¸
tetsukamp 2010/07/19
canvas

javascript

html5

ImageData

pixel
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸