base64å½¢å¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jpgç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã«ãƒ‡ã‚³ãƒ¼ãƒ‰ã™ã‚‹æ–¹æ³•ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸç”»åƒãŒé€”ä¸ã§å£Šã‚Œã¦ã„ãªã„ã‹èª¿æŸ»ã™ã‚‹ç‚ºã«ã€base64å½¢å¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jpegç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã«å¤‰æ›ã—ã¦ç¢ºèªã—ã¾ã—ãŸã€‚ 今回ã¯æ‹¡å¼µåbase64ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jpgç”»åƒã«å¤‰æ›(デコード)ã™ã‚‹æ–¹æ³•ã‚’書ã„ã¦ã„ãã¾ã™ã€‚ base64ã¨ã¯ 見出ã—ã¸ã®ãƒªãƒ³ã‚¯Wikipedia Base64ã¯ã€ãƒ‡ãƒ¼ã‚¿ã‚’64種類ã®å°å—å¯èƒ½ãªè‹±æ•°å—ã®ã¿ã‚’用ã„ã¦ã€ãれ以外ã®æ–‡å—を扱ã†ã“ã¨ã®å‡ºæ¥ãªã„通信環境ã«ã¦ãƒžãƒ«ãƒãƒã‚¤ãƒˆæ–‡å—ã‚„ãƒã‚¤ãƒŠãƒªãƒ‡ãƒ¼ã‚¿ã‚’扱ã†ãŸã‚ã®ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰æ–¹å¼ã§ã‚る。 base64ファイルをjpgç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã«å¤‰æ›ã™ã‚‹æ–¹æ³• 見出ã—ã¸ã®ãƒªãƒ³ã‚¯base64ファイルを開ã ファイルã®ä¸èº«ã‚’「Base64化ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã®æ–‡å—列ã€ã®ã¿ã«ã™ã‚‹ é ã«ã€Œâ€data:image/png;base64,ã€ã‚„文末「â€ã€ãƒ€ãƒ–ルクオートãŒã‚ã‚Œã°å‰Šé™¤ã—ã¦åˆ¥åä¿å˜ã™ã‚‹ã€‚ データ文å—列ã®ã¿ã®çŠ¶æ…‹ã«ã™ã‚‹ã€‚ ターミナルを開ãファイルãŒå˜åœ¨ã™ã‚‹
Canvas.toDataURL() - ã‚ャンパスをデータURIã«å¤‰æ›ã™ã‚‹
[JavaScript] Base64å½¢å¼ã®ç”»åƒãƒ‡ãƒ¼ã‚¿ã‚’canvasã«è¡¨ç¤ºã™ã‚‹ – コピペã§ä½¿ãˆã‚‹ JavaScript逆引ãリファレンス
HTML5 ã® canvas è¦ç´ ã‚’ base64 æ–‡å—列化ã—ç”»åƒã¨ã—ã¦ä¿å˜ã™ã‚‹æ–¹æ³•ã¾ã¨ã‚ - Qiita
{{#tags}}- {{label}}
{{/tags}}