JavaScriptã§ç”»åƒã‹ã‚‰è‰²ã‚’å–り出㙠| 12px.comå‰å›žã®è¨˜äº‹ã® ドãƒãƒãƒ¼ä¸‰è§’形分割 ã®ã‚¹ã‚¯ãƒªãƒ—トãŒæ°—ã«å…¥ã£ãŸã®ã§ãƒ–ãƒã‚°ã®ãƒ˜ãƒƒãƒ€ã«ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ å˜ã«ç”»é¢ä¸Šã«ç½®ãã ã‘ã§ã‚‚良ã‹ã£ãŸã®ã§ã™ãŒã€è¨˜äº‹ã«åˆã†è‰²åˆã„ã«ãªã£ãŸã‚‰è‰¯ã„ãªãƒ¼ã¨æ€ã£ãŸã®ã§ã€ãƒšãƒ¼ã‚¸æ¯Žã«ä½¿ã£ã¦ã„ã‚‹ç”»åƒã‹ã‚‰è‰²ã‚’å–å¾—ã—ã¦æç”»ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ Wordpressã¯ç°¡å˜ãªè¨å®šã§ã‚¢ã‚¤ã‚ャッãƒç”»åƒã‚’è¨å®šã§ãã‚‹ã®ã§ã€ãれを使用ã—ã¦ç”»åƒã‚’投稿ã—ã¦ã„ã¾ã™ã€‚テンプレートã«ã¯wp_get_attachment_image_srcã¨get_post_thumbnail_idを使用ã—ã¦ãƒ‘スã ã‘ã‚’èªã¿è¾¼ã‚€ã‚ˆã†ã«è¨å®šã—ã¦ãŠã„ã¦ã€ãれをjsã«æ¸¡ã—ã€js内ã§ç”»åƒã‚’ãƒãƒ¼ãƒ‰ã—ã€éžè¡¨ç¤ºã®ã¾ã¾ç”»åƒã‹ã‚‰è‰²ã ã‘ã‚’å–り出ã—ã¦ã€ãれをcanvasã«æç”»ã™ã‚‹æ™‚ã«ä½¿ã£ã¦ã„ã¾ã™ã€‚ ã§ã€ç”»åƒã‹ã‚‰è‰²ã‚’ã¨ã‚‹ã®ãŒASã¿ãŸã„ã«ç°¡å˜ã«ã§ããªãã¦ã€ã¡ã‚‡ã£ã¨å›žã‚Šãã©ã„方法ã«ãªã£ã¦ã—ã¾ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã¾ãšã¯è¦‹ãˆãªã„canvasを作æˆã—ã¦ã€ ç”»åƒ
{{#tags}}- {{label}}
{{/tags}}