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

monomoti id:monomoti

canvasã«é–¢ã™ã‚‹monomotiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

JavaScript ã‚’ PNG ã«åœ§ç¸®ã™ã‚‹ | Yomotsu net
JavaScript ã‚’ PNG ã«åœ§ç¸®ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚JS_Packer demoscene ã¯æœ€è¿‘ WebGL ã‚’ä½¿ã£ãŸã‚‚ã®ã‚‚å¤šããªã£ã¦ãã¦ã„ã¾ã™ã€‚ demoecene ã¯åŸºæœ¬çš„ã« ãƒãƒ¼ã‚«ãƒ«ã«ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦å˜åœ¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ä½¿ã† ãã®ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ã¯ 1 ãƒã‚¤ãƒˆã§ã‚‚å°‘ãªã„ã»ã†ãŒã„ã„ (å®¹é‡åˆ¶é™ãŒã‚ã‚‹åˆ†é‡ŽãŒã‚ã‚‹) ã¨ã„ã†æ–‡åŒ–ã§ã™ã€‚ãã—ã¦ JS ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åœ§ç¸®ã™ã‚‹æ‰‹æ³•ã®ä¸€ã¤ã«ã€JS ã‚’ PNG ç”»åƒã«ã—ã¦ã€ãã‚Œã‚’ãƒ‡ã‚³ãƒ¼ãƒ‰ã™ã‚‹ã€ã¨ã„ã†æ‰‹æ³•ãŒå˜åœ¨ã—ã¾ã™ã€‚ JS ã®æ€§è³ªJS ã®ã‚³ãƒ¼ãƒ‰ã¯åŸºæœ¬çš„ã«ã‚¢ã‚¹ã‚ãƒ¼æ–‡å—ã®é›†ã¾ã‚Šã§ã™ã€‚ã‚¢ã‚¹ã‚ãƒ¼ã‚³ãƒ¼ãƒ‰ã¯ã€å°æ–‡å—/å¤§æ–‡å—ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã€æ•°å—ã€ã‚¹ãƒšãƒ¼ã‚¹ã¨ã„ã£ãŸ 128 ç¨®é¡žã—ã‹å˜åœ¨ã—ã¾ã›ã‚“ã€‚ PNG8 ã®æ€§è³ª8 ãƒ“ãƒƒãƒˆ PNG ã¯ 256 ç¨®é¡žã®è‰²ã‚’ãƒ‘ãƒ¬ãƒƒãƒˆã«æŒã£ã¦ã„ã¾ã™ã€‚ PNG ã¯å¯é€†åœ§ç¸®ï¼ˆãƒã‚¹ãƒ¬ã‚¹ï¼‰å½¢å¼ã®ç”»åƒã§ã™ã€‚åœ§ç¸®ã—ã¦ã‚‚å¤±ã‚ã‚Œã‚‹ãƒ‡ãƒ¼ã‚¿ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚
monomoti 2015/05/12
javascript

web

canvas
ãƒªãƒ³ã‚¯
JSã§ã®Canvasæ“ä½œã‚’ç°¡å˜ã‹ã¤é«˜æ©Ÿèƒ½ã«ã§ãã‚‹ã€ŒFabric.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Fabric.js Javascript Canvas Library JSã§ã®Canvasæ“ä½œã‚’ç°¡å˜ã‹ã¤é«˜æ©Ÿèƒ½ã«ã§ãã‚‹ã€ŒFabric.jsã€ canvasã®ãƒã‚¤ãƒ†ã‚£ãƒ–APIã¯è‹¥å¹²åˆ†ã‹ã‚Šã¥ã‚‰ã„ã¨ã„ã†æ–¹ã‚‚å¤šãã†ã§ã™ãŒã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ãˆã°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã§æ¥½ã€…Canvasãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒå‡ºæ¥ãã†ã§ã™ å˜ã«ä¾¿åˆ©ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã ã‘ã§ãªãã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒžã‚¦ã‚¹ã§æ‹¡å¤§ã‚„å›žè»¢ã§ãã‚‹ãªã©ã¨ã„ã£ãŸè‰²ã€…ãªæ©Ÿèƒ½ã‚‚ç››ã‚Šè¾¼ã¾ã‚Œã¦ã„ã¦ä¾¿åˆ©ãã†ã§ã™ ãƒã‚¤ãƒ†ã‚£ãƒ–APIã ã¨ã€å››è§’å½¢ã‚’æç”»ã™ã‚‹ã®ã«ã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¾ã™ã€‚ ã“ã‚ŒãŒã€Fabric.jsã‚’ä½¿ã†ã¨æ¬¡ã®ã‚ˆã†ã«ã€ã¨ã¦ã‚‚åˆ†ã‹ã‚Šã‚„ã™ããªã‚Šã¾ã™ã€‚fillRectã®å¼•æ•°ã®é †ã£ã¦ã©ã†ã ã£ã‘ï¼Ÿã¨æ¯Žå›žãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ç‰½ãå¿…è¦ã‚‚ãªããªã‚Šã¾ã™ã ä»–ã«ã‚‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å‚ç…§ã™ã‚Œã°ã€Canvasã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–APIã§æ›¸ãé¢å€’ã•ã‚’ç†è§£ã§ãã‚‹ã¯ãš ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚‚çµæ§‹å……å®Ÿã—ã¦ãŠã‚Š
monomoti 2013/03/16
html5

canvas

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

library
ãƒªãƒ³ã‚¯
html2canvas - Screenshots with JavaScript
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
monomoti 2011/07/28
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã ã‘ã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒã¨ã‚Œã‚‹ã€‚

javascript

html

browser

canvas
ãƒªãƒ³ã‚¯
we-boxes.com
we-boxes.com 2024 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
monomoti 2011/05/28
ã‚ã‚ŠãŒã¨ã†ã€‚ã„ã„è–¬ã§ã™ã€‚

web

developping

jquery

css

html5

canvas

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
OpenGLãªã«ãã‚Œã†ã¾ã„ã®?? ã¨ã„ã†äººã®ãŸã‚ã®WebGLã®å§‹ã‚æ–¹ - hagino3000's blog
è¿½è¨˜ï¼šä¾‹é¡Œã®é ‚ç‚¹ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã§ä½•ã‚’ã—ã¦ã„ã‚‹ã‹èª¬æ˜Žã‚’è¿½åŠ ã—ã¾ã—ãŸ è¿½è¨˜ï¼šå‹•ä½œç’°å¢ƒã®æ‰€ä¿®æ£ã—ã¾ã—ãŸã€IE9ã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã€‚ çš†ã•ã‚“ã¯ã˜ã‚ã¾ã—ã¦ã€è’å·æ™ºå‰‡ã§ã™ã€‚ã“ã®è¨˜äº‹ã¯JavaScript Advent Calendarã®21æ—¥ç›®ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Google I/Oã‚„Firefox Developers Conferenceã§è¯éº—ãªãƒ‡ãƒ¢ãŒãƒãƒªãƒãƒªå‡ºã¦ãã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€å®Ÿéš›ã«ä½¿ã£ã¦ã„ã‚‹äººãŒç•°å¸¸ãªã¾ã§ã«å°‘ãªã„WebGLã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚å¯¾è±¡èªè€…ã¯WebGLã«èˆˆå‘³ãŒã‚ã‚‹oræ‰‹ã‚’å‡ºã—ã¦ã¿ãŸã‘ã©ã‚¯ã‚½é›£ã—ãã†ã ã—æ—¢ã«è«¦ã‚ãã†ã€ã¨ã„ã†äººã§ã™ã€‚ WebGLã®æ¦‚è¦ WebGLã¯OpenGL ES 2.0ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯APIã‚’Canvasè¦ç´ ä¸Šã§ä½¿ãˆã‚‹æ§˜ã«ã—ãŸç‰©ã§ã™ã€‚OpenGL ESã¯OpenGLã®çµ„ã¿è¾¼ã¿æ©Ÿå™¨å‘ã‘ã®ã‚µãƒ–ã‚»ãƒƒãƒˆã§ã€iPhoneã‚„androidç«¯æœ«ã«ã‚‚æè¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚OpenGL ESãª
monomoti 2010/12/23
webgl

canvas

OpenGL
ãƒªãƒ³ã‚¯
1