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

k_gobo id:k_gobo

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

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

HTML canvas video player
Depreciation notice This was intended for auto-playing videos on iOS, but as of iOS 10, there is native supported option playsinline, read more here: https://webkit.org/blog/6784/new-video-policies-for-ios/ (Android works for ages now). So this project is not actively maintained anymore. Use native HTML video instead of it. If anyone wants to take over the maintenance, feel free to open an issue,
k_gobo 2016/03/03
iOSã§ã‚‚ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³å†ç”Ÿã€‚

Canvas

video

HTML5

*webå‚è€ƒ

*ç”»åƒ

*å‹•ç”»
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
k_gobo 2013/04/03
*ã‚ã¨ã§è©¦ã™

*webåˆ¶ä½œ

*webå‚è€ƒ

*javascript

Canvas
ãƒªãƒ³ã‚¯
drawscri.pt
This domain may be for sale!
k_gobo 2013/04/02
canvasä½¿ãˆã‚‹ã‚“ã ã€ã™ã’ã‡ã€‚

*ã“ã‚Œã¯ã™ã”ã„

JavaScript

Canvas
ãƒªãƒ³ã‚¯
HTML5èŠ±ç«å¤§ä¼šã‹ã‚‰å¦ã¶canvasã®è¡¨ç¾åŠ›
HTML5èŠ±ç«å¤§ä¼šãŒå§‹ã¾ã‚Šã¾ã—ãŸï¼ jsdo.itã«é›†ã¾ã£ãŸ400ä»¥ä¸Šã®èŠ±ç«ã‚³ãƒ¼ãƒ‰ãŒã€å¤ã®å¤œç©ºã«æ‰“ã¡ä¸ŠãŒã£ã¦ã„ã¾ã™ï¼ æœ¬å½“ã«ã©ã®èŠ±ç«ã‚‚ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ãŒé«˜ãã¦ã€è¦‹ã‚‹ã ã‘ã§ã‚‚æ¥½ã—ã‚ã¾ã™ã€‚ HTML5èŠ±ç«å¤§ä¼š èŠ±ç«ã®ã‚³ãƒ¼ãƒ‰ã‹ã‚‰å¦ã¶canvasã®è¡¨ç¾åŠ› èŠ±ç«ã®ã‚³ãƒ¼ãƒ‰ã®å¤§åŠã¯HTML5ã®canvasè¦ç´ ã‚’ä½¿ã£ã¦æç”»ã•ã‚Œã¦ã„ã¾ã™ã€‚ canvasã£ã¦ãªã‚“ã ã£ã‘ï¼Ÿ javascriptã‹ã‚‰è‡ªç”±ã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æç”»ã§ãã‚‹è¦ç´ ã§ã™ã€‚ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ã‚ã‹ã‚Šã‚„ã™ãã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ å›³ã‚’æ›¸ãè¾¼ã‚ã‚‹htmlè¦ç´ ã§ã™ã€‚ OpenGLã‚„DirectXã®ã‚ˆã†ãªé¢å€’ãªè¨å®šã‚’æ›¸ãã“ã¨ãªãã€ æ‰‹è»½ã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æç”»ãŒè¡Œãˆã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãƒãƒ¼ã‚«ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãª ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ï¼ˆã‹ã¤å‹•çš„ãªï¼‰è¡¨ç¾ãŒè¡Œãˆã‚‹ã‚ã‘ã§ã™ã€‚ ä»Šæ›´èžã‘ãªã„canvasã®åŸºç¤Žã®åŸºç¤Ž canvasã§èŠ±ç«ã‚’æãã«ã¯ï¼Ÿ èŠ±ç«ã®ãŠæ‰‹æœ¬ã‚³ãƒ¼ãƒ‰ã‹ã‚‰è¦‹ã¦ã„ãã¾
k_gobo 2011/07/08
*HTML5

Canvas

*css

*javascript

*ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
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
k_gobo 2010/08/16
FirefoxãŒæ„å¤–ã¨ãƒ€ãƒ¡ã ãªã€‚å½“åˆ†ä½¿ãˆãªã„ã£ã¦ã“ã¨ã¯ã‚ã‹ã£ãŸã€‚

*HTML5

Canvas

ãƒ–ãƒ©ã‚¦ã‚¶

*è³‡æ–™

*webåˆ¶ä½œ

*webå‚è€ƒ
ãƒªãƒ³ã‚¯
1