canviz - Google CodeCode Archive Skip to content Google About Google Privacy Terms
html5㧠videoã®ä»»æ„ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’canvasã«æç”»ã™ã‚‹ãƒ¡ãƒ¢ - 超自己満足プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
デブサミ2010ã®html5セッションã§è¦‹ãŸãƒ‡ãƒ¢ï¼ˆMovement tracker）*1 ãŒã€ è¡æ’ƒçš„ã ã£ãŸã®ã§ video x canvas ã‚’ã¡ã‚‡ã£ã¨å‹‰å¼·ã—ãŸã€‚ １．videoã®ä»»æ„ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ãã®ã¾ã¾canvasã«æç”»ã•ã›ã¦ã¿ã‚‹ htmlã®bodyã«æ›¸ãã«ã¯ã“ã‚Œã ã‘。 <video id="v" src="video.ogv" autobuffer controls></video> <canvas id="c"></canvas> <input type="button" value="copy frame" onclick="copyFrame()" /> copy frameボタンã§å‘¼ã³å‡ºã•ã‚Œã‚‹javascriptã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ function copyFrame() { var cEle = document.getElementById('c'); var cCtx =
excanvas.js ã®ãƒãƒžãƒªã©ã“ã‚, G_vmlCanvasManager.initElement ã®ä½¿ã„æ–¹ - latest log
追記: uupaa-excanvas.js をリリースã—ã¾ã—ãŸã€‚ excanvas.js 㯠IE 㧠canvas è¦ç´ ã®ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã‚’行ㆠGoogle 謹製㮠JavaScript ライブラリã§ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ラリã¯ã€æœ€åˆã®ã¨ã£ã‹ã‹ã‚ŠãŒçµæ§‹é›£ã—ã„ã§ã™ã€‚ 実体験を元ã«ã€ãƒãƒžãƒªãƒã‚¤ãƒ³ãƒˆã‚’列挙ã—ã¦ã¿ã¾ã™ã€‚ å‹•çš„ã«ç”Ÿæˆã—ãŸcanvasè¦ç´ ã¯ã€ã™ãã«ãƒ‰ã‚ュメントツリーã«è¿½åŠ ã—ã€ãã®å ´ã§åˆæœŸåŒ–ã™ã‚‹å¿…è¦ãŒã‚る。 以下ãŒã€å‹•çš„ã«canvasè¦ç´ を生æˆã—2Dコンテã‚ストをå–å¾—ã™ã‚‹ä¾‹ã§ã™ã€‚ãŒâ€¦ var e = document.createElement("canvas"); document.body.appendChild(e); var ctx = e.getContext("2d"); 上記ã®ã‚³ãƒ¼ãƒ‰ã§ã¯ã€IEã§ã¯å‹•ä½œã—ã¾ã›ã‚“(Firefox,Safari,Operaã¯OK)。 å‹•çš„ã«ç”Ÿæˆã—ãŸca
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://solutoire.com/plotcfg/
{{#tags}}- {{label}}
{{/tags}}