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

rokujyouhitoma id:rokujyouhitoma

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

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

çŸ¥ã‚‰ã‚Œã–ã‚‹ globalCompositeOperation ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ã“ã®è¨˜äº‹ã¯ã€JavaScript ã§ Flash Player ã®å®Ÿç¾ã‚’é ‘å¼µã£ãŸï¼ˆã‚‚ã—ãã¯ç¾åœ¨é€²è¡Œç³»ã§é ‘å¼µã£ã¦ã„ã‚‹ï¼‰äººãŸã¡ã®é›†ã† Flash Advent Calendar 2020 ã«å‚åŠ ã—ã¦ãŠã‚Šã¾ã™ã€‚ HTML5 ã® Canvas ã¯ã‹ãªã‚Šã®æ©Ÿèƒ½ã‚’æœ‰ã—ã¦ãŠã‚Šã¾ã™ã€‚Flash Player ã®å®Ÿè£…ã«ã‚ãŸã£ã¦ã“ã‚Œã‚‰ã®è±Šå¯Œãª Canvas ã®æ©Ÿèƒ½ã¯å¤§å¤‰æœ‰ç”¨ãªã®ã§ã™ãŒã€ãã‚“ãªä¸ã§ã‚‚ globalCompositeOperation ã¨ã„ã†ãƒžã‚¤ãƒŠãƒ¼æ©Ÿèƒ½ã®æ´»ç”¨æ–¹æ³•ã¯ã€ä»Šã®æ™‚ä»£ã§ã‚‚ååˆ†ã«å¿œç”¨ãŒåŠ¹ãçŸ¥è˜ã§ã™ã€‚Flash çµ‚äº†ã¸ã®æ‰‹å‘ã‘ã¨ã—ã¦ã€ã“ã“ã«ãã®æ©Ÿèƒ½ã®ç´ æ™´ã‚‰ã—ã•ã¨æœ‰åŠ¹åˆ©ç”¨ã®æ–¹æ³•ã‚’æ”¹ã‚ã¦ç´¹ä»‹è‡´ã—ã¾ã™ã€‚ HTML5 (canvas) ã® globalCompositeOperation ã¨ã¯ ä¸€è¨€ã§è¨€ã†ã¨ã€globalCompositeOperation ã¯ Composite ã™ãªã‚ã¡åˆæˆæ–¹æ³•ã®æŒ‡
rokujyouhitoma 2020/12/17
JavaScript

HTML5

Canvas
ãƒªãƒ³ã‚¯
ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æã - Canvas - HTML5.JP
Canvasã§ã¯ç·šã‚’å¼•ãã ã‘ã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æããŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯Canvasã§åˆ©ç”¨ã§ãã‚‹å›³å½¢æç”»ã®ã„ãã¤ã‹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ çŸ©å½¢ï¼ˆé•·æ–¹å½¢ï¼‰ å…ˆã»ã©ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€ç·šã‚’å¼•ãã“ã¨ã§çŸ©å½¢ã‚’æãã¾ã—ãŸãŒã€ä¸€ç™ºã§çŸ©å½¢ã‚’æããƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ ctx.fillRect(x, y, width, height) å¡—ã‚Šã¤ã¶ã—ãŸçŸ©å½¢ã‚’æãã¾ã™ã€‚x, yã«ã¯çŸ©å½¢ã®å·¦ä¸Šç«¯ã®åº§æ¨™ã‚’ã€widthã«çŸ©å½¢ã®æ¨ªå¹…ã‚’ã€heightã«ç¸¦å¹…ã‚’å¼•æ•°ã¨ã—ã¦ä¸Žãˆã¾ã™ã€‚ ctx.strokeRect(x, y, width, height) çŸ©å½¢ã‚’æãã¾ã™ãŒã€æž ç·šã®ã¿ã¨ãªã‚Šã¾ã™ã€‚å¼•æ•°ã¯fillRectãƒ¡ã‚½ãƒƒãƒ‰ã¨åŒã˜ã§ã™ã€‚ ctx.clearRect(x, y, width, height) çŸ©å½¢ã‚’å‰Šé™¤ã—ã¾ã™ã€‚å‰Šé™¤ã•ã‚ŒãŸéƒ¨åˆ†ã¯é€æ˜Žã«ãªã‚Šã¾ã™ã€‚å¼•æ•°ã¯fillRectãƒ¡ã‚½ãƒƒãƒ‰ã¨åŒã˜ã§ã§ã™ã€‚ ãã‚Œãž
rokujyouhitoma 2017/05/16
JavaScript

Canvas
ãƒªãƒ³ã‚¯
ã‚ãƒ£ãƒ³ãƒã‚¹ API - Web API | MDN
This feature is well established and works across many devices and browser versions. Itâ€™s been available across browsers since 2015å¹´7æœˆ. Learn more See full compatibility Report feedback ã‚ãƒ£ãƒ³ãƒã‚¹ API (Canvas API) ã¯ JavaScript ã¨ HTML ã® <canvas> è¦ç´ ã«ã‚ˆã£ã¦ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æãæ–¹æ³•ã‚’æä¾›ã—ã¾ã™ã€‚ä»–ã«ã‚‚ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚²ãƒ¼ãƒ ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã€ãƒ‡ãƒ¼ã‚¿ã®å¯è¦–åŒ–ã€å†™çœŸåŠ å·¥ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ å‹•ç”»å‡¦ç†ãªã©ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚ãƒ£ãƒ³ãƒã‚¹ API ã¯å…¨ä½“çš„ã« 2D ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’å¯¾è±¡ã¨ã—ã¦ã„ã¾ã™ã€‚ WebGL API ã¯ã€ã“ã¡ã‚‰ã‚‚ <canvas> è¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã€ãƒãƒ¼ãƒ‰ã‚¦
rokujyouhitoma 2017/03/10
Canvas
ãƒªãƒ³ã‚¯
JSXã§Canvasã‚’ä½¿ã†æ–¹æ³•
â€»ã“ã®è¨˜äº‹ã¯ã€JSX Advent Calendar 2013ã®ä¸€éƒ¨ã§ã™ã€‚ JSXã¯åž‹ä»˜ãè¨€èªžãªã®ã§ã€JavaScriptã§ç°¡å˜ã«æ›¸ã‘ã‚‹å†…å®¹ãŒè¤‡é›‘ã«ãªã£ã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚Canvaså‘¨ã‚Šã§ã¯ç‰¹ã«ãã®å‚¾å‘ãŒå¼·ã„ã®ã§ã€ã“ã“ã§ã¯JSXã§Canvasã‚’æ‰±ã†æ›¸ãæ–¹ã‚’ç°¡å˜ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšCanvasã®ä½œæˆã§ã™ã€‚Canvasã®åž‹ã¯HTMLCanvasElementã¨ãªã‚Šã¾ã™ã€‚ var canvas = dom.document.createElement("canvas") as HTMLCanvasElement; JSXã«ã¯ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã¯å˜åœ¨ã—ã¾ã›ã‚“ã€‚JavaScriptã®ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ï¼ˆæ£ç¢ºã«ã¯ã‚°ãƒãƒ¼ãƒãƒ«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰documentã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãŸã‚ã«ã¯ã€JSXã§ã¯domã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨ã—ã¦ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚dom.window.documentã¨ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚‚åŒã˜ã§ã™ã€‚
rokujyouhitoma 2013/12/14
JSX

Canvas

JavaScript
ãƒªãƒ³ã‚¯
Chrome+HTML5 Developers Live Japan #5
ã€Canvasã‚’ä½¿ã£ãŸãƒ¢ãƒã‚¤ãƒ«HTML5ã‚²ãƒ¼ãƒ ã®æœ€é©åŒ– for Chrome Mobileã€‘ ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã€Google I/O ã§å±•ç¤ºã—ãŸ HTML5 ç‰ˆ Blood Brothers ã®ãƒ‡ãƒ¢ã‚’å®Ÿæ©Ÿã§ç´¹ä»‹ã—ãªãŒã‚‰ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã‘ã‚‹ Canvas ã‚’ç”¨ã„ãŸç´°ã‹ã„æœ€é©åŒ–ã®æ–¹æ³•ã‚’ä¸ç´šè€…å‘ã‘ã«è§£èª¬ã—ã¾ã™ã€‚
rokujyouhitoma 2013/06/04
Canvas

tkihira

HTML5
ãƒªãƒ³ã‚¯
DOM ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ Canvas ã«æç”»ã™ã‚‹ - HTML: HyperText Markup Language | MDN
rokujyouhitoma 2013/05/11
DOM

Canvas
ãƒªãƒ³ã‚¯
canvas : ç”»åƒã®åˆæˆæ–¹æ³•ã„ã‚ã„ã‚ - WebOS Goodies
ä½¿ã„æ–¹ãŒã‚ã‹ã£ãŸã¨ã“ã‚ã§ã€å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€åˆæˆãƒ¢ãƒ¼ãƒ‰ã‚’å¤‰æ›´ã—ã¦åŠ¹æžœã®é•ã„ã‚’ç¢ºã‹ã‚ã‚‰ã‚Œã¾ã™ã€‚ã¤ã„ã§ã«æç”»ã™ã‚‹å›³å½¢ï¼ˆãƒ‘ã‚¹ or ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒï¼‰ã€é€æ˜Žåº¦ã€æç”»è‰²ãªã©ã‚‚å¤‰æ›´ã§ãã¾ã™ã®ã§ã€ãã‚Œãžã‚Œã‚’çµ„ã¿åˆã‚ã›ã¦ã©ã®ã‚ˆã†ãªåŠ¹æžœãŒå¾—ã‚‰ã‚Œã‚‹ã‹ã‚‚ç¢ºèªã§ãã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã¾ã—ãŸã€‚ â€»ãƒšãƒ³ã‚®ãƒ³ã®ç”»åƒã¯ Image * After ã§å…¬é–‹ã•ã‚Œã¦ã„ãŸã‚‚ã®ã‚’ Flickr ã«ä¿å˜ã—ã¦åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ ãƒ‡ã‚£ã‚¹ãƒ†ã‚£ãƒãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã®ä¸‹åŠåˆ†ã¯åŠé€æ˜Žã§æç”»ã—ã¦ã„ã¾ã™ã€‚ãŸã ã— Opera ã§ã¯ç”»åƒã«å¯¾ã™ã‚‹åŠé€æ˜ŽæŒ‡å®šã¯æ©Ÿèƒ½ã—ã¾ã›ã‚“ã€‚ã¾ãŸã€é€æ˜Žéƒ¨åˆ†ãŒç¢ºã‹ã‚ã‚„ã™ã„ã‚ˆã†ã«èƒŒæ™¯ç”»åƒã‚’è¨å®šã—ã¦ã„ã¾ã™ãŒã€ã“ã®èƒŒæ™¯ã¯ CSS ã® background-image ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã«ã‚ˆã‚‹ã‚‚ã®ã§ã‚ã‚‹ãŸã‚ã€ globalCompositeOperation ã®å½±éŸ¿ã‚’å—ã‘ãšã«æç”»ã•ã‚Œã¾ã™ã€‚ã‚½ãƒ¼ã‚¹ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ï¼ˆç°¡
rokujyouhitoma 2013/03/28
Canvas
ãƒªãƒ³ã‚¯
HTML5ã¨Canvas 2Dã®æ©Ÿèƒ½ãŒå®Œäº†ã—ãŸ
ã‚ãªãŸã«ã¨ã£ã¦é‡è¦ãªãƒˆãƒ”ãƒƒã‚¯ã‚„åŒåƒšã®æœ€æ–°æƒ…å ±ã‚’å…¥æ‰‹ã—ã¾ã—ã‚‡ã†æœ€æ–°ã®æ´žå¯Ÿã¨ãƒˆãƒ¬ãƒ³ãƒ‰ã«é–¢ã™ã‚‹æœ€æ–°æƒ…å ±ã‚’å³åº§ã«å—ã‘å–ã‚Šã¾ã—ã‚‡ã†ã€‚ ç¶™ç¶šçš„ãªå¦ç¿’ã®ãŸã‚ã«ã€ç„¡æ–™ã®ãƒªã‚½ãƒ¼ã‚¹ã«æ‰‹è»½ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ãƒˆãƒ©ãƒ³ã‚¹ã‚¯ãƒªãƒ—ãƒˆä»˜ãå‹•ç”»ã€ãŠã‚ˆã³ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°æ•™æã€‚ è¨˜äº‹ã‚’ä¿å˜ã—ã¦ã€ã„ã¤ã§ã‚‚èªã‚€ã“ã¨ãŒã§ãã¾ã™è¨˜äº‹ã‚’ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ã€æº–å‚™ãŒã§ããŸã‚‰ã„ã¤ã§ã‚‚èªã‚ã¾ã™ã€‚
rokujyouhitoma 2013/01/03
HTML5

Canvas
ãƒªãƒ³ã‚¯
GitHub - Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rokujyouhitoma 2012/03/08
Canvas

HTML5

Node

JavaScript
ãƒªãƒ³ã‚¯
IBM Developer
rokujyouhitoma 2012/03/07
HTML5

Canvas

IBM

JavaScript
ãƒªãƒ³ã‚¯
HTML 5ï¼‹JavaScriptã§Canvasã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ | ç·ã¾ã¨ã‚ã€HTMLï¼CSSå‹•å‘ | Think ITï¼ˆã‚·ãƒ³ã‚¯ã‚¤ãƒƒãƒˆï¼‰
Linuxãƒ‡ã‚£ã‚¹ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒZorin OS 18.1ã€ãƒªãƒªãƒ¼ã‚¹ â”€ LTSç‰ˆã®æ”¹è‰¯ã¨äº’æ›æ€§å¼·åŒ– 4æœˆ17æ—¥ 1:28
rokujyouhitoma 2012/01/31
Vector

Canvas

HTML5
ãƒªãƒ³ã‚¯
declitimg.js
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rokujyouhitoma 2012/01/05
Canvas

Python
ãƒªãƒ³ã‚¯
CoffeeScriptã¨Canvasã§ã‚¹ãƒ‘ãƒãƒœé¢¨ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³RPGã‚’ä½œã‚‹ï¼ˆæº–å‚™ï¼‰ - None is None is None
ãƒ—ãƒãƒãƒ¼ã‚° ç¬¬ï¼’æ¬¡ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒãƒœãƒƒãƒˆå¤§æˆ¦OGãŒç™ºå£²å»¶æœŸã«ãªã‚Šã¾ã—ãŸã€‚ã›ã£ã‹ãã€ã‚¢ãƒ‹ãƒ¡ç‰ˆOG2ã§ç››ã‚Šä¸ŠãŒã£ã¦ã„ãŸã¨ã“ã‚ãªã®ã«å®Ÿã«æ®‹å¿µã§ã™ã€‚ ã‚‚ã£ã¨æ®‹å¿µãªã“ã¨ã¯ã€ãŸã¨ãˆç™ºå£²ã•ã‚ŒãŸã¨ã—ã¦ã‚‚ç¬¬ï¼’æ¬¡OGã¯ã€ãƒ—ãƒ¬ã‚¤ã‚¹ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ï¼“ç”¨ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã‚‚ã†ã‚ã®æ‡ã‹ã—ã„ã‚²ãƒ¼ãƒ ãƒœãƒ¼ã‚¤ã‚¢ãƒ‰ãƒãƒ³ã‚¹ã§OGã‚·ãƒªãƒ¼ã‚ºãŒç™ºå£²ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚¢ãƒ‰ãƒãƒ³ã‚¹å¾Œç¶™ã§ã‚ã‚‹ï¼¤ï¼³ã‚„ï¼“ï¼¤ï¼³ã§ç™ºå£²ã•ã‚Œã‚‹ã“ã¨ã‚‚ç„¡ã„ã§ã—ã‚‡ã†ã€‚ ã‚‚ã†ç§ãŸã¡ã¯ã€ã‚½ãƒ«ãƒ—ãƒ¬ãƒƒã‚µã«é˜»ã¾ã‚Œã€ï¼‘å›žã®æ•µãƒ•ã‚§ã‚¤ã‚ºã«ãƒªã‚»ãƒƒãƒˆã‚’ï¼‘ï¼å›žç¹°ã‚Šè¿”ã™ã“ã¨ã¯ç„¡ã„ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã‚‚ã†ç§ãŸã¡ã¯ã€ãƒ•ã‚§ã‚¢ãƒªã‚ªãƒ³ã‚’ï¼‘ä½“ãšã¤å‹•ã‹ã—ã¦ã€ã†ã£ã‹ã‚Šã‚´ãƒ¼ãƒ«ãƒ‰ã®æ–¹ã‚’æ’ƒå¢œã—ã¦ã—ã¾ã†ã“ã¨ã¯ç„¡ã„ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã‚‚ã†ç§ãŸã¡ã¯ã€æœ€å¼·æ¦å™¨M950ãƒžã‚·ãƒ³ã‚¬ãƒ³ã‚’ä½¿ã†ã“ã¨ã¯ç„¡ã„ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã‚‚ã†ç§ãŸã¡ã¯ã€ç©¶æ¥µï¼ã‚²ã‚·ãƒ¥ãƒšãƒ³ã‚¹ãƒˆã‚ãƒƒã‚¯ã®é€£ç¶šæ”»æ’ƒã§æ•µã‚’ï¼”ä½“è¹´ã‚ŠæŠœãã“ã¨ã¯ç„¡ã„ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã†ãªã£ãŸã‚‰è‡ªåˆ†ã§ä½œã‚‹ã—ã‹ã‚ã‚Šã¾ã›ã‚“
rokujyouhitoma 2011/09/30
CoffeeScript

Canvas
ãƒªãƒ³ã‚¯
HTML5ã¨JavaScriptã§ä½œã‚‰ã‚ŒãŸè‡ªå‹•è»Šã®é€²åŒ–ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒã‹ã‚ã„ã„ | TRIVIAL TECHNOLOGIES on CLOUD
ã¿ã‚“ãªã®IoT/ã¿ã‚“ãªã®Pythonã®è‘—è€…ã€‚äºŒåçŽ‰è¿‘ã160å¹³ç±³ã®åºä»˜ãä¸€æˆ¸å»ºã¦ã«å«/æ¯å/å¨˜/ã‚ã‚“ã“ã¨æš®ã‚‰ã—ã¦ã¾ã™ã€‚æœˆé–“1000ä¸‡PV/150ä¸‡UUã®Webã‚µãƒ¼ãƒ“ã‚¹é‹å–¶ä¸ã€‚ å…è²¬äº‹é … ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ è‡ªå‹•è»Šã®é€²åŒ–ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ã„ã‚ã‚†ã‚‹éºä¼çš„ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚’ä½¿ã£ã¦ï¼ŒäºŒè¼ªè»Šã®å½¢çŠ¶ã‚’çªç„¶å¤‰ç•°ã•ã›ãªãŒã‚‰ï¼Œã§ã“ã¼ã“é“ã‚’ã‚¹ã‚¤ã‚¹ã‚¤èµ°ã‚Œã‚‹ã‚ˆã†ãªå½¢çŠ¶ã«é€²åŒ–ã•ã›ã¦ã‚†ãã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚çªç„¶å¤‰ç•°çŽ‡ãªã©ã‚’å¤‰ãˆã¦ï¼Œé€²åŒ–ã®éŽç¨‹ã‚’ç›®ã§ç¢ºèªã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ HTML5(Canvas)ã¨JavaScriptã‚’ä½¿ã£ã¦ã„ã¦ï¼Œãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§å‹•ãã‚ˆã†ä½œã‚‰ã‚Œã¦ã„ã‚‹(ChromeæŽ¨å¥¨ï¼Œé‡ã„ã‘ã©iPhoneã‚„Androidã§ã‚‚å‹•ã)ã€‚é€²åŒ–ã®éŽç¨‹ã§ã„ã‚ã„ã‚ãªå½¢ã®è»ŠãŒã§ãã¦ãŠã‚‚ã—ã‚ã„ã€‚æœ€åˆã‹ã‚‰ã‚³ã‚±ã¦èµ°ã‚‰ãªã„ãƒ¤ãƒ„ï¼Œå¹³ã‚‰ãªé“ã§ã¯æ—©ãèµ°ã‚‹ã‘ã©ã§ã“ã¼ã“é“ã§å‹•ã‹ãªããªã‚‹ãƒ¤ãƒ„ï¼Œé…ã„ã‘ã©æ‚ªè·¯ã«å¼·ã„ãƒ¤ãƒ„ã€‚è¦‹ã¦ã„ã‚‹ã¨é€²åŒ–ã™ã‚‹è»Šã‚’å¿œ
rokujyouhitoma 2011/02/16
JavaScript

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
rokujyouhitoma 2011/01/03
Canvas

node.js

JavaScript
ãƒªãƒ³ã‚¯
ã¾ã ã¾ã é–“ã«åˆã†Canvasã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å…¥é–€ï¼ˆã¾ã¨ã‚ã¨å®Ÿè·µï¼‰ :: 5509
JavaScript Advent Calendar 2010ã‚‚22æ—¥ç›®ï¼ã‚ã¨3æ—¥ã§ã™ã‚ˆã€‚åƒ•ã¯ã¡ã‚‡ã†ã©å¦ã‚“ã ã°ã‹ã‚Šã®Canvasã‚’ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã‚‚ã‹ãã¦ã€ã¾ã¨ã‚ã¨å®Ÿè·µã‚’æ›¸ã„ã¦ã¿ã¾ã™ã€‚çŸ¥ã‚‹ã“ã¨ã¨è¡Œã†ã“ã¨ã¯åŒä¸€ã§ã‚ã‚‹ã€æœ€è¿‘è¡Œã£ãŸã‚»ãƒŸãƒŠãƒ¼ã§ã‚‚è¨€ã£ã¦ã¾ã—ãŸã€‚ jsdo.itã«ã¯ã»ã‚“ã¾ã«ã“ã‚ŒCanvasãªã‚“ï¼Ÿãªã‚µãƒ³ãƒ—ãƒ«ã„ã£ã±ã„ã‚ã‚Šã¾ã™ãã€‚ã‚ãƒ¼ã„ã†ã®æ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ãªãã¨ã‹æ€ã„ã¤ã¤ã€jQueryã°ã£ã‹ã‚Šã•ã‚ã£ã¦ãŸåƒ•ã¯.animate()ãƒ¡ã‚½ãƒƒãƒ‰ã®ä¾¿åˆ©ã•ã«å–ã‚Šæ†‘ã‹ã‚Œã¦ã„ãŸã®ã§ã€Canvasã®çµµã‚‚ã¾ã ä¸Šä¸‹å·¦å³ã§å‹•ã‹ã™ãã‚‰ã„ã—ã‹ã§ãã¾ã›ã‚“ã€‚æ…£ã‚ŒãŒå¿…è¦ã§ã™ã€‚ã€‚ ã©ã†ã§ã‚‚ã„ã„æƒ…å ±ã¨ã—ã¦Canvasã®èªã¿æ–¹ãªã‚“ã§ã™ã‘ã©ã€ã€Œã‚ãƒ£ãƒ³ãƒã‚¹ã€ã˜ã‚ƒãªãã¦ã€Œã‚«ãƒ³ãƒã‚¹ã€ãŒæ£ã—ã„ã‚ˆã†ã§ã™ã€‚ã‚ãƒ£ãƒ³ãƒã‚¹ãƒ»ã‚«ãƒ³ãƒã‚¹ã©ã£ã¡ã§ã‚‚ã‚ˆã•ã’ã€‚åƒ•ã¯ã‚ãƒ£ãƒ³ãƒã‚¹ã£ã¦èªã‚“ã§ã¾ã—ãŸã€‚ã‘ã©ã‚«ãƒ³ãƒã‚¹ã«ã—ã¾ã™ã€‚ å‰ç½®ãã¯ã“ã‚Œãã‚‰ã„ã«ã—ã¦ã€ä»Šå›žã¯æ¬¡ã®ã‚ˆã†ãªã‚«ãƒ©
rokujyouhitoma 2010/12/27
Canvas
ãƒªãƒ³ã‚¯
HTML5ã®canvasè¦ç´ ã§ãƒ©ã‚¤ãƒ•ã‚²ãƒ¼ãƒ - yattã®ãƒ–ãƒã‚°
åˆã‚ã¦PhotoShopä½¿ã£ã¦ã¿ãŸ HTMLã®æ¬¡ä¸–ä»£è¦æ ¼ã§ã‚ã‚‹HTML5ã«ã¯Web Socketsã‚„videoãªã©ãŠã‚‚ã—ã‚ã„ã‚¿ã‚°ã‚„æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã‚‹äºˆå®šã€ã‚‰ã—ã„ã§ã™ã€‚ ãã®ä¸ã§ã‚‚canvasã‚¿ã‚°ã¨ã„ã†ã€javascriptã§ç”»åƒã‚’åˆ¶å¾¡ã™ã‚‹ãŸã‚ã®ã‚¿ã‚°ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ãã®ã‚¿ã‚°ã¨ã‚¿ã‚¤ãƒžãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½¿ã£ã¦ãƒ©ã‚¤ãƒ•ã‚²ãƒ¼ãƒ ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã—ã¾ã—ãŸã€‚ ãƒ‡ãƒ¢ çŠ¶æ…‹ã‚’ä¸€ã¤ã®æ•´æ•°ã§è¡¨ã™ãƒŠã‚¤ãƒ¼ãƒ–ãªå®Ÿè£…ã«ãªã£ã¦ã„ã¾ã™ã€‚æ¬¡ã®ã‚ˆã†ãªé«˜é€ŸåŒ–ãŒè€ƒãˆã‚‰ã‚Œãã†ã§ã™ã€‚ ä¸€ã¤ã®å¤‰æ•°ã«è¤‡æ•°ã®ã‚»ãƒ«ã®çŠ¶æ…‹ã‚’è¨˜éŒ²ã•ã›ã‚‹ ã‚»ãƒ«ã®çŠ¶æ…‹ã¯on/offã®2ã¤ã—ã‹ãªã„ã®ã§1ãƒ“ãƒƒãƒˆã«è¡¨ã›ã‚‹ã‚ã‘ã§ã€1ã¤ã®æ•´æ•°ã«è¤‡æ•°ã®ã‚»ãƒ«ã®çŠ¶æ…‹ã‚’è¨˜éŒ²ã•ã›ã¦çœãƒ¡ãƒ¢ãƒªã§é«˜é€Ÿãªå‡¦ç†ãŒã§ãã‚‹ã¯ãšã€‚ WebGLã‚’ä½¿ã† ä¸Šã®æ¡ˆã«åŠ ãˆã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰OpenGLã‚’ä½¿ã†æŠ€è¡“ã®WebGLä½¿ãˆã°è¨ˆç®—ã¨æç”»ã¾ã§ã‹ãªã‚Šé«˜é€Ÿã«ã§ããã†ã€‚ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ä¸Šã§è¨ˆç®—ã¨æç”»ã¾ã§ã—ã¦ã—ã¾ãˆã°ã€
rokujyouhitoma 2010/11/04
ãƒ©ã‚¤ãƒ•ã‚²ãƒ¼ãƒ ã€‚

HTML

Canvas

JavaScript
ãƒªãƒ³ã‚¯
LoadingÂ…
Videos Watch and learn from our engineers as they show how to bring the latest web techno logies to your websites on Safari. Watch Safari and Web Videos Forums Ask questions and discuss a variety of web development topics with Apple engineers and other developers. Apple Developer Forums Safari Extensions Safari extensions are a powerful way to add new features to Safari. They are built in Xcode wit
rokujyouhitoma 2010/11/01
Canvas

WebKit
ãƒªãƒ³ã‚¯
InfoQ: HTML5ã®ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ï¼šWebSockets, Canvas ãã—ã¦ JavaScriptã§ noVNCã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ä½œæˆ
ã‚ãªãŸã«ã¨ã£ã¦é‡è¦ãªãƒˆãƒ”ãƒƒã‚¯ã‚„åŒåƒšã®æœ€æ–°æƒ…å ±ã‚’å…¥æ‰‹ã—ã¾ã—ã‚‡ã†æœ€æ–°ã®æ´žå¯Ÿã¨ãƒˆãƒ¬ãƒ³ãƒ‰ã«é–¢ã™ã‚‹æœ€æ–°æƒ…å ±ã‚’å³åº§ã«å—ã‘å–ã‚Šã¾ã—ã‚‡ã†ã€‚ ç¶™ç¶šçš„ãªå¦ç¿’ã®ãŸã‚ã«ã€ç„¡æ–™ã®ãƒªã‚½ãƒ¼ã‚¹ã«æ‰‹è»½ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ãƒˆãƒ©ãƒ³ã‚¹ã‚¯ãƒªãƒ—ãƒˆä»˜ãå‹•ç”»ã€ãŠã‚ˆã³ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°æ•™æã€‚ è¨˜äº‹ã‚’ä¿å˜ã—ã¦ã€ã„ã¤ã§ã‚‚èªã‚€ã“ã¨ãŒã§ãã¾ã™è¨˜äº‹ã‚’ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ã€æº–å‚™ãŒã§ããŸã‚‰ã„ã¤ã§ã‚‚èªã‚ã¾ã™ã€‚
rokujyouhitoma 2010/07/15
HTML5

Canvas

WebSocket
ãƒªãƒ³ã‚¯
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
rokujyouhitoma 2010/07/10
Canvasã§æ–‡å—ã€‚

Canvas

HTML5

JavaScript
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸