Canvasを用ã„ãŸ9ã¤ã®ç”»åƒå‡¦ç†ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã¨ãã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®è§£èª¬ | Black Everyday Companyé ã®ä½“æ“ã®ãŸã‚ã«Canvasを用ã„ãŸãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã‚’å¦ã³ã¯ã˜ã‚ãŸã€‚ 当記事ã§ã¯ã€ç”»åƒãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã®ä¸ã§ã‚‚（独æ–ã¨å見ã§é¸ã‚“ã ）代表的ãª9ã¤ã®ç”»åƒå‡¦ç†ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ を解説ã™ã‚‹ã€‚ グレースケール 色調å転（ãƒã‚¬ãƒã‚¸å¤‰æ›ï¼‰ 二値化 ã‚¬ãƒ³ãƒžè£œæ£ ãƒ–ãƒ©ãƒ¼ï¼ˆã¼ã‹ã—） シャープ化（輪éƒå¼·èª¿ï¼‰ メディアンフィルタ エンボス モザイク ãŸãŸã¿è¾¼ã¿æ¼”算を知らãªãã¦ã‚‚ã€ç†è§£ã—ã¦ã„ãŸã ã‘ã‚‹ã¨æ€ã†ã€‚ Canvasを用ã„ãŸç”»åƒå‡¦ç†ã®åŸºç¤Ž 当記事ã§ã¯ã€HTML5ã§å°Žå…¥ã•ã‚ŒãŸCanvasè¦ç´ を用ã„ã¦ç”»åƒå‡¦ç†ï¼ˆãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ï¼‰ã‚’è¡Œã†ã€‚ ã¾ãšã¯Canvasã«ç”»åƒï¼ˆãƒ•ã‚£ãƒ«ã‚¿ã‚’ã‹ã‘る対象）を表示ã™ã‚‹ã€‚ // Canvasè¦ç´ ã®ä½œæˆ const canvas = document.createElement('canvas'); document.body.appendChild(canvas); // æç”»ã™ã‚‹ãŸã‚ã®2Dコンテã‚スト
動的コンテンツを画åƒåŒ–ã§ãã‚‹JSライブラリ "html2canvas" を使ãŠã† - KAYAC Engineers' Blog
{{#tags}}- {{label}}
{{/tags}}