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

bigwest id:bigwest

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

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

Canvasã§è¶…å¯æ„›ã„ã‚°ãƒ©ãƒ•ãŒä½œã‚Œã‚‹ï¼ã€ŒChart.jsã€ã®ç´¹ä»‹ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒãƒ«ã‚¨ã§ã™ã€‚ æœ€è¿‘ã¡ã‚‡ãã¡ã‚‡ãã‚°ãƒ©ãƒ•ã‚’ç”¨ã„ãŸåˆ¶ä½œç‰©ã«é–¢ã‚ã‚‹ã“ã¨ãŒã‚ã‚Šã€æ¡ˆä»¶ã«ã‚ˆã£ã¦ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã«ãŠé¡˜ã„ã—ãŸã‚ŠIllustratorã®ã‚°ãƒ©ãƒ•ãƒ„ãƒ¼ãƒ«ã§ä½œã£ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ãªã‚“ã‚„ã‹ã‚“ã‚„ã§æ™‚é–“ã¨ã‚‰ã‚Œã¡ã‚ƒã†ã‚“ã§ã™ã‚ˆãã€‚ã§ã€ã‚‚ã£ã¨ã“ã†ã‚ªã‚·ãƒ£ãƒ¬ã§ã‚¹ãƒžãƒ¼ãƒˆã«ã•ãã£ã¨ãƒã‚¤ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã§ä½œã‚Œã‚‹ã‚‚ã®ã¯ãªã„ã‹ã¨æŽ¢ã—ã¦ã¿ã¾ã—ãŸã€‚ ãã“ã§è¦‹ã¤ã‘ãŸã®ãŒã“ã‚Œã€‚ã€ŒChart.jsã€ã€‚ ã‚ã¡ã‚ƒãã¡ã‚ƒæ„›ãã‚‹ã—ã„å‹•ãã‚’ã—ã¦ãã‚Œã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãƒ•ãƒ©ãƒƒãƒˆã§ã„ã„ï¼ ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„ãƒ—ãƒ¬ã‚¼ãƒ³ãªã‚“ã‹ã«ã‚‚ãã£ã¨å½¹ç«‹ã¡ã¾ã™ã‚ˆã€‚ Chart.jsã¨ã¯ï¼Ÿ æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€æ£’ã‚°ãƒ©ãƒ•ã€å††ã‚°ãƒ©ãƒ•ã€ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆãªã©ã€6ç¨®é¡žã®ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«æã‘ã¦ã—ã¾ã†Javascriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ HTML5ã®Canvasã‚’ä½¿ã£ã¦æç”»ã•ã‚Œã€è¡¨ç¤ºã®éš›ã®æ°—æŒã¡ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ããŒç‰¹å¾´çš„ã§ã™ã€‚ã¨ã¦ã‚‚åˆ†ã‹ã‚Šã‚„ã™ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãªã®ã§ã€
bigwest 2013/07/17
canvas

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

html5

CSS3

canvas
ãƒªãƒ³ã‚¯
Node Ninja + node-canvas ã§faviconãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ å…±åŒç·¨é›†ã‚¢ãƒ—ãƒª - ã™ãŽã‚ƒãƒ¼ã‚“ãƒ¡ãƒ¢
æ±äº¬Nodeå¦åœ’ç¥2011ã§å‡ºã¦ããŸã‚‚ã®ã‚’è§¦ã£ã¦ã¿ã‚ˆã†ã€ã¨ã„ã†ã“ã¨ã§ã€‚ node-canvasã‚’ä½¿ã£ãŸã‚¢ãƒ—ãƒªã‚’Node Ninjaã«ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ã¿ãŸã€‚ http://favicon.node-ninja.com/ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯Githubã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ https://github.com/sugyan/node-favicon tableè¦ç´ ã§ä½œã‚‰ã‚ŒãŸãƒžã‚¹ç›®ã‚’ã‚¯ãƒªãƒƒã‚¯ã§è‰²ä»˜ã‘ã¦ã„ãã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚¿ãƒ–ã«è¡¨ç¤ºã•ã‚Œã‚‹faviconãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«å¤‰ã‚ã£ã¦ã„ãã€ã¨ã„ã†ã‚‚ã®ã€‚ æ‰‹å…ƒã®MacBookPro(Mac OS X 10.6.8)ã®Chrome 15.0.874.106, Firefox 7.0.1 ã§ã¯å‹•ä½œã—ã¾ã—ãŸã€‚Safariã§ã¯å‹•çš„ãªfaviconå¤‰æ›´ã¯å‹•ã‹ãªã„â€¦ï¼Ÿ IEã¯çŸ¥ã‚‰ãªã„ã€‚ (â€»è¿½è¨˜ï¼š Operaã§ã‚‚å‹•ããã†ã§ã™) /faviconã§è¿”ã™ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’node-canvas
bigwest 2011/11/09
node

canvas
ãƒªãƒ³ã‚¯
paper.jsã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ã‚’æã“ã† - Preferred Networks Research & Development
canvasãƒ™ãƒ¼ã‚¹ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ã‚¯ã‚¹æç”»ç”¨jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã€æ—¢ã«å„æ‰€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹paper.jsã§ã™ãŒã€ã“ã‚Œã‚’ã€ã‚¦ã‚§ãƒ–ã«è¼‰ã›ã‚‹ã‚°ãƒ©ãƒ•ã®æç”»ã«ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€ã¨ã„ã†ãŠè©±ã§ã™ã€‚ paper.jsã§ã¯ãƒ‘ã‚¹ã‚’ã¤ãã£ã¦æç”»ã‚’ã—ã¤ã¤ã€ãƒ‘ã‚¹ã«å¯¾ã™ã‚‹hit testã‚‚å¯èƒ½ã§ã™ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚µã‚¤ãƒˆã§ã¯ã‚ªã‚·ãƒ£ãƒ¬ãªã‚µãƒ³ãƒ—ãƒ«ãŒå¤šæ•°æŽ²è¼‰ã•ã‚Œã¦ã„ã¦ã€paper.jsã§ä½•ãŒã§ããã†ãªã®ã‹ã‚’ç°¡å˜ã«ã–ã£ãã‚Šã¨çŸ¥ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ javascriptã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ã‚’ã€ã¨ã„ã†ã¨Google Chart Toolsãªã©ã€æ—¢å˜ã®ã‚°ãƒ©ãƒ•ç”¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ç°¡å˜ã«æ¸ˆã¾ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€ã²ã¨æ‰‹é–“åŠ ãˆã¦ç‹¬è‡ªæ€§ã®ã‚ã‚‹è¡¨ç¾ã‚’å‡ºã—ãŸã„å ´åˆã¯ã€paper.jsã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã¿ã‚‹ã¨è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ è©¦ã—ã«paper.jsã®å¦ç¿’ãŒã¦ã‚‰ã€ä¸‹è¨˜ãƒªãƒ³ã‚¯å…ˆã«ã‚ã‚‹ã‚ˆã†ãªæ£’ã‚°
bigwest 2011/10/17
graph

canvas

javascript
ãƒªãƒ³ã‚¯
QRã‚³ãƒ¼ãƒ‰ã‚’ãƒ”ãƒ¥ã‚¢JSã§ä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.qrcodeã€:phpspoté–‹ç™ºæ—¥èªŒ
jquery.qrcode - jquery plugin for a pure browser qrcode generation QRã‚³ãƒ¼ãƒ‰ã‚’ãƒ”ãƒ¥ã‚¢JSã§ä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.qrcodeã€ã€‚ é€šå¸¸QRã‚³ãƒ¼ãƒ‰ã¨ã„ã†ã¨ã‚µãƒ¼ãƒå´ã§ç”»åƒã«ã—ã¦ç”»åƒã‚’é€ä¿¡ã™ã‚‹ã¨ã„ã†ã®ãŒä¸€èˆ¬çš„ã§ã™ãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§æç”»ã™ã‚‹ã‚¿ã‚¤ãƒ—ã§ã™ã€‚ <div id="qrcode"></div> ã¨ã„ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒã‚ã£ãŸã¨ã—ã¦ã€æ¬¡ã®ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§QRã‚³ãƒ¼ãƒ‰ã‚’åŸ‹ã‚è¾¼ã¿ã¾ã™ã€‚ jquery('#qrcode').qrcode("this plugin is great"); ã‚«ãƒ¡ãƒ©ç‰ã§èªã¿å–ã‚Œã°ã€ã€Œthis plugin is greatã€ãŒãƒ†ã‚ã‚¹ãƒˆã¨ã—ã¦èªã¿å–ã‚Œã¾ã™ã€‚ canvasã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€canvaså¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§ã—ã‹å‹•ä½œã—ãªã„ç‚¹ã«æ³¨æ„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒªãƒ³ã‚¯ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹
bigwest 2011/04/11
jQuery

canvas

QR
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
bigwest 2011/03/07
javascript

html5

canvas
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§Canvasã‚’åˆ©ç”¨ã™ã‚‹(node.js)
ã“ã‚“ã«ã¡ã¯ã€ä¸å·ã§ã™ã€‚ ä»Šå¹´ã‚‚æ®‹ã™ã¨ã“ã‚ã‚ã¨ï¼‘é€±é–“ã‚’ãã‚Šã¾ã—ãŸãã€‚ ã“ã®ã¨ã“ã‚è‰²ã€…ã¨å¿™ã—ã‹ã£ãŸã®ã§å¹´æœ«å¹´å§‹ã¯ã‚†ã£ãã‚Šã¨ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã®è©±é¡Œã§ã™ãŒã€node.jsã‚’ä½¿ã£ã¦ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§CanvasãŒåˆ©ç”¨ã§ãã‚‹ã¨ã„ã†ã“ã¨ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ãã‚Œã§ã¯ã€æ—©é€Ÿä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ â– ä»Šå›žã®ç’°å¢ƒ Ubuntu 10.10 node.js v0.3.1 npm 0.2.12-1 node-canvas v0.4.1 â– ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« node-canvasã§ã¯ã€cairoã‚’åˆ©ç”¨ã—ã¾ã™ã®ã§ã€äº‹å‰ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ //Â sample.js varÂ CanvasÂ =Â require('canvas') ,Â httpÂ =Â require('http'); http.createServer(functionÂ (req,Â res)Â { varÂ canvasÂ =Â newÂ Canvas(200,20
bigwest 2011/01/04
node

canvas
ãƒªãƒ³ã‚¯
HTML5ã®canvasã‚’ä½¿ã£ã¦æ‰‹æ›¸ãç½²åå…¥åŠ›ã‚’WEBã§è¡Œã†éš›ã«å½¹ç«‹ã¤jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSignature Padã€:phpspoté–‹ç™ºæ—¥èªŒ
Signature Pad Lab Thomas J Bradley HTML5ã®canvasã‚’ä½¿ã£ã¦æ‰‹æ›¸ãç½²åå…¥åŠ›ã‚’WEBã§è¡Œã†éš›ã«å½¹ç«‹ã¤jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSignature Padã€ æ¬¡ã®ã‚ˆã†ã«æ‰‹æ›¸ãã§ç½²åã‚’æç”»ã§ãã‚‹ã‚¨ãƒªã‚¢ã‚’HTML5+canvasã§å®Ÿè£…ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ JSONãƒ‡ãƒ¼ã‚¿ã‹ã‚‰å¾Œã§æã„ãŸç½²åã‚’å†ç¾ã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ã€‚ ä½•ã‹ã«ä½¿ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒ©ã‚¤ã‚¯ãªCAPTCHAã‚’PHPã§ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« PHPã¨GDã‚’ä½¿ã£ã¦Captchaã‚’è‡ªä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« PHPç‰ã§å®Ÿè£…ã§ãã‚‹å‹•ç”»ã§CAPTCHAã§ãã‚‹ã‚ˆã‚Šå¼·å›ºãªã€ŒNuCaptchaã€
bigwest 2010/11/15
html5

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
bigwest 2010/11/08
html5

canvas

javascript
ãƒªãƒ³ã‚¯
Canvasã§ä½œã‚‹ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒcanvasXpressã€ | Webæ´»ãƒ¡ãƒ¢å¸³
ã€ŒcanvasXpressã€ã¯HTML5ã‚¿ã‚°ã®canvasã§ä½¿ãˆã‚‹ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ æ£’ã‚°ãƒ©ãƒ•ã€å††ã‚°ãƒ©ãƒ•ã€æ•£å¸ƒå›³ã€ãƒ’ãƒ¼ãƒˆãƒžãƒƒãƒ—ã€3Då›³ãªã©ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã¯å‹•ä½œãƒ‡ãƒ¢ã®ä¸€éƒ¨ã§ã™ã€‚ æ£’ã‚°ãƒ©ãƒ• ãƒ‡ãƒ¢ å††ã‚°ãƒ©ãƒ• ãƒ‡ãƒ¢ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ ãƒ‡ãƒ¢ ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ã¦ãŠã‚Šã€IEã€Firefoxã€Chromeã€Safariã€Operaã§å‹•ä½œã™ã‚‹ã‚ˆã†ã§ã™ã€‚ èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚
bigwest 2010/10/26
canvas

graph
ãƒªãƒ³ã‚¯
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
bigwest 2010/08/17
html5

canvas
ãƒªãƒ³ã‚¯
1