canvasã§æã„ãŸçµµã‚’PHPã§ã‚µãƒ¼ãƒãƒ¼ä¸Šã«ä¿å˜ã™ã‚‹æ–¹æ³•canvasã‚’ç”»åƒãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦å–å¾—ã—ãŸã„å ´åˆã¯ã€canvasã®DOMオブジェクトã«toDataURLメソッドを使ãˆã°ç°¡å˜ã«å–å¾—ã§ãる。 先日紹介ã—ãŸç”»åƒä¿å˜æ©Ÿèƒ½ã®ã¤ã„ã¦ãªã„ãŠçµµæãツールã€Canvas Painterã‚’é–‹ã„ã¦é©å½“ã«çµµã‚’æãã€F12ã‚ーã§é–‹ç™ºè€…ツールを開ã„ã¦ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ç”»é¢ã§ã€Žwindow.open(document.querySelector(‘canvas’).toDataURL())ã€ã¨ã™ã‚‹ã¨æã„ãŸç”»åƒãƒ‡ãƒ¼ã‚¿ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€å³ã‚¯ãƒªãƒƒã‚¯ã§ä¿å˜ã§ãる。ã¡ãªã¿ã«ã€æ¨™æº–ã§ã¯PNGç”»åƒã ã‘ã‚Œã©ã‚‚ã€toDataURLã®å¼•æ•°ã‚’â€image/jpegâ€ã¨ã™ã‚‹ã¨ã€JPEGç”»åƒãŒå–å¾—ã§ãã‚‹(ãŸã ã—ã€é€éŽéƒ¨åˆ†ã¯çœŸã£é»’ã«ãªã‚‹ã‚ˆã†)。 ãŸã ã€ä¸Šè¨˜ã§ä½œæˆã•ã‚ŒãŸç”»åƒãƒ‡ãƒ¼ã‚¿ã¯Base64ã®ãƒ‡ãƒ¼ã‚¿ã€‚ã“れをã©ã†ã‚„ã£ãŸã‚‰PHPを用ã„ã¦ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ã‚µãƒ¼ãƒãƒ¼ä¸Šã«ä¿å˜ã§ãã‚‹ã‹ãŒåˆ†ã‹ã‚‰ãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã‚‹ã¨
{{#tags}}- {{label}}
{{/tags}}