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

nullpobug id:nullpobug

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

${{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.drawImageã§è²¼ã‚Šä»˜ã‘å…ˆã®ã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ | iconDecotter-Log
ä½ç½®èª¿æ•´ãŒå‡ºæ¥ãŸã‚‰ã€ä»Šåº¦ã¯æ‹¡å¤§ç¸®å°ã«ã¤ã„ã¦ã§ã™ã€‚ã“ã‚Œã«ã¤ã„ã¦ã‚‚ã„ãã¤ã‹ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ drawImageãƒ¡ã‚½ãƒƒãƒ‰ã®å¼•æ•°ã§è²¼ã‚Šä»˜ã‘ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ scaleãƒ¡ã‚½ãƒƒãƒ‰ã§canvasã®å¤‰å½¢ã‚’ã—ã¦ã‹ã‚‰ã€drawImageã§è²¼ã‚Šä»˜ã‘ã‚‹ transf ormãƒ¡ã‚½ãƒƒãƒ‰ã§canvasã®å¤‰å½¢ã‚’ã—ã¦ã‹ã‚‰ã€drawImageã§è²¼ã‚Šä»˜ã‘ã‚‹ 1ã«ã¤ã„ã¦ã‚‚ã€ä½ç½®èª¿æ•´ã¨åŒæ§˜ã€drawImageã®å¼•æ•°ã‚’å¤‰åŒ–ã•ã›ã‚‹ã ã‘ã§OKã§ã™ã€‚2ã€3ã¯ã„ãšã‚Œã‚‚å¤‰å½¢ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹ã®èª¿æ•´ã«ãªã‚Šã¾ã™ãŒã€ä½¿ã†ãƒ¡ã‚½ãƒƒãƒ‰ãŒé•ã„ã¾ã™ã€‚å˜ç´”ã«æ‹¡å¤§ç¸®å°ã™ã‚‹ã ã‘ã§ã‚ã‚Œã°2ã®æ–¹ãŒç°¡å˜ã§ã™ã€‚ drawImageãƒ¡ã‚½ãƒƒãƒ‰ã®å¼•æ•°ã§è²¼ã‚Šä»˜ã‘ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ drawImage(image, dx, dy, dw, dh)ã¨ã€dwã€dhã®å¼•æ•°ã‚’æŒ‡å®šã™ã‚‹ã¨ã€è²¼ã‚Šä»˜ã‘å…ˆã®ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å…ƒç”»åƒã«å¯¾ã—ã¦ç¸¦æ¨ªæ¯”ã‚’ç¶æŒã—ã¦æ‹¡å¤§ç¸®å°ã™ã‚‹å ´åˆã¯ã€dwã€dhã‚’ãã‚Œãž
nullpobug 2013/12/21
canvas

javascript
ãƒªãƒ³ã‚¯
Dynamic Heatmaps for the Web
heatmap.js Dynamic Heatmaps for the Web heatmap.js is a lightweight, easy to use JavaScript library to help you visualize your three dimensional data! Use it to add new value to your project, build a business based on it, study and visualize user behaviour, or why not build something completely crazy/awesome? Whether you want to have an aggregated overview of your users behaviour, or look at thous
nullpobug 2013/05/30
js

canvas

html5
ãƒªãƒ³ã‚¯
lake.js
How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th
nullpobug 2012/04/18
canvas

jquery

javascript
ãƒªãƒ³ã‚¯
Gtk3 vs HTML5
The last few weeks Iâ€™ve been working on an interesting new idea, hacking out a prototype. The code is not really clean enough for public consumption yet, and a bunch of features are missing. However, its now at the stage where it can be demoed and evaluated. I think the best way to introduce it is via a video: (original theora file) [vimeo width=â€763â€³ height=â€512â€³]http://vimeo.com/17132064[/vimeo]
nullpobug 2011/03/04
gtk

html5

canvas
ãƒªãƒ³ã‚¯
mixi Developer Center (ãƒŸã‚¯ã‚·ã‚£ ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚»ãƒ³ã‚¿ãƒ¼) Â» run_appli.pl (canvas) ã®è¡¨ç¤ºã‚µã‚¤ã‚ºå¤‰æ›´ã«ã¤ã„ã¦
æ¦‚è¦ PCç”¨ã‚¢ãƒ—ãƒªã®run_appli.pl (canvas) ã®è¡¨ç¤ºã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ã“ã®ãŸã‚ã€ä»¥ä¸‹ã®è¨˜è¼‰å†…å®¹ã‚’ã‚ˆããŠèªã¿ã«ãªã‚Šã€å¯¾å¿œã‚’è¡Œã£ã¦ãã ã•ã„ã€‚ iframeè¡¨ç¤ºé ˜åŸŸã®å¤‰æ›´ ç¾åœ¨ã€PCç”¨ã‚¢ãƒ—ãƒªã®run_appli.pl (canvas) è¡¨ç¤ºé ˜åŸŸã®æ¨ªå¹…ã¯945pxã§ã™ãŒã€ä»Šå¾Œã¯æ¨ªå¹…760pxã«å¤‰æ›´ã¨ãªã‚Šã¾ã™ã€‚ åºƒå‘Šè¡¨ç¤ºå¯èƒ½é ˜åŸŸã®å¤‰æ›´ ã¾ãŸã“ã‚Œã«ä¼´ã„ã€åºƒå‘Šã®è¡¨ç¤ºä½ç½®ã€ã‚µã‚¤ã‚ºã¯ä¸‹è¨˜ã¨ãŠã‚Šå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ â€»æ–°ï¼ˆ760pxï¼‰ã®ã‚¢ãƒ—ãƒªãƒ•ãƒƒã‚¿ãƒ¼éƒ¨ã«è¡¨ç¤ºã•ã‚Œã‚‹ï¼ˆCï¼‰ã®åºƒå‘Šï¼ˆ760pxÃ—200pxã‚µã‚¤ã‚ºï¼‰ã¯ã€mixiã‚¢ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ã”åˆ©ç”¨ã®ã‚¢ãƒ—ãƒªã®å ´åˆã€728pxÃ—90pxã®ã‚µã‚¤ã‚ºã«ã¦2010å¹´7æœˆ1æ—¥ä»¥é™mixiå´ã‹ã‚‰åºƒå‘Šé…ä¿¡ã‚’é–‹å§‹ã—ã¾ã™ã€‚ åºƒå‘Šã‚’é…ä¿¡ã§ãã‚‹äº‹æ¥è€… ä¸Šè¨˜ç”»é¢ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã‚ã‚‹å„åºƒå‘Šè¡¨ç¤ºé ˜åŸŸã«ã¤ã„ã¦ã€ç¾åœ¨ã¯ï¼ˆBï¼‰ã¨ï¼ˆCï¼‰ãŒã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒãƒã‚¤ãƒ€ãƒ¼æ§˜ã®é…ä¿¡ç®‡æ‰€ã¨ãªã£ã¦
nullpobug 2010/04/28
ã“ã‚Œã¯ã²ã©ã„

mixi

canvas
ãƒªãƒ³ã‚¯
Google Appsã§ã€Googleã‚¿ã‚¹ã‚¯ã‚’ä½¿ã†ãŸã‚ã®URL - è¿‘è—¤é›„ä¸€ã®ãƒ–ãƒã‚°
Google Appsã§ã€Googleã‚¿ã‚¹ã‚¯ãŒå˜ä½“ã§ä½¿ãˆãªã„ã®ã‹ãªãƒ¼ã¨æ€ã£ã¦ã„ãŸã‚‰ã€ä½¿ãˆã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚ä»¥ä¸‹ã€ã¾ã¨ã‚ã§ã™ã€‚ canvasãƒ¢ãƒ¼ãƒ‰ï¼Ÿ http://mail.google.com/tasks/a/è‡ªåˆ†ã®ãƒ‰ãƒ¡ã‚¤ãƒ³/canvas ã“ã®URLã‚’chromeã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ã—ã¦ã€fenrir(ãƒ©ãƒ³ãƒãƒ£)ã‹ã‚‰å‘¼ã³å‡ºã™äº‹ã«ã—ã‚ˆã†ã€‚ (æƒ…å ±å…ƒ) Googleã‚¿ã‚¹ã‚¯ã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¦‹ã‚Œã¡ã‚ƒã†é”æ³•ã®ãƒªãƒ³ã‚¯ : ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ï¼»æ—¥æœ¬ç‰ˆï¼½, ä»•äº‹ã‚‚ç”Ÿæ´»ã‚‚ä¸Šæ‰‹ãã“ãªã™ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯æƒ…å ±æº€è¼‰ã®ãƒ–ãƒã‚°ãƒ»ãƒ¡ãƒ‡ã‚£ã‚¢ http://www.lifehacker.jp/2009/10/091023_google_task.html ä»¥ä¸‹ã®URLã‹ã‚‰ã€Gmailã‹ã‚‰é–‹ã„ãŸç”»é¢ã¨åŒã˜ã‚ˆã†ãªç”»é¢ã‚‚å‘¼ã³å‡ºã›ã‚‹ã‚ˆã†ã ã€‚ http://mail.google.com/tasks/a/è‡ªåˆ†ã®ãƒ‰ãƒ¡ã‚¤ãƒ³/ig (æƒ…å ±å…ƒ)
nullpobug 2010/03/29
googleapps

tasks

iphone

canvas

android
ãƒªãƒ³ã‚¯
Sketchpad
Sketchpad is an online drawing application -- written in
nullpobug 2010/02/08
html5

canvas
ãƒªãƒ³ã‚¯
1