リンクもã¾ã‚‹ã”ã¨ã‚ャプãƒãƒ£ã—ã¦SVGã§å‡ºåŠ›ã™ã‚‹Chromeスクリーンショット拡張をã¤ãã‚Šã¾ã—㟠- #daiizメモ閲覧ã—ã¦ã„るウェブサイトã®é¸æŠžã•ã‚ŒãŸç¯„囲ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã£ã¦SVGå½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹Chrome拡張機能をã¤ãã‚Šã¾ã—ãŸï¼ŽSVGã§å‡ºåŠ›ã—ã¦ã„ã‚‹ãŸã‚，普通ã®PNGã‚„JPGã¨æ¯”ã¹ã‚‹ã¨ï¼Œä»¥ä¸‹ã®ã‚ˆã†ãªå°‘ã—ã ã‘高度ãªã“ã¨ãŒã§ãã¾ã™ï¼Ž スクリーンショットを撮ã£ãŸãƒšãƒ¼ã‚¸ã®URLã‚’<svg>ã®data属性ã¨ã—ã¦ä¿æŒã§ãã‚‹ スクリーンショットã®ç¯„囲内ã®ãƒªãƒ³ã‚¯ã‚’ãã®ã¾ã¾æ®‹ã™ã“ã¨ãŒã§ãる． ページä¸ã®<a>ã®ä½ç½®ã«ï¼Œå¤–部ページヘã®ãƒªãƒ³ã‚¯ã‚’æŒã¤<rect>を挿入ã—ã¦ã„ã¾ã™ï¼Žã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒªãƒ³ã‚¯å…ˆã®ãƒšãƒ¼ã‚¸ãŒé–‹ãã¾ã™ï¼Ž ブラウザã§é€šå¸¸ãƒªãƒ³ã‚¯ã¨åŒã˜ã‚ˆã†ã«æ‰±ã‚れるãŸã‚，rectをホãƒãƒ¼ã™ã‚‹ã¨Chromeã®å·¦ä¸‹ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—よã†ã¨ã—ã¦ã„ã‚‹URLãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ï¼Œç§»å‹•å…ˆã‚‚ã—ã£ã‹ã‚Šç¢ºèªã§ãã¾ã™ï¼Ž ã¾ã ã‹ãªã‚Šè’ã„ベータ版ã§ã™ãŒï¼ŒGitHubã§å…¬é–‹ã—ã¦ã„ã¾ã™ï¼Žã‚¯ãƒãƒ¼ãƒ³ã—ã¦ï¼Œãã®ã¾ã¾Chromeã®æ‹¡å¼µæ©Ÿèƒ½ç®¡ç†ãƒšãƒ¼ã‚¸ã‹ã‚‰èªã¿
{{#tags}}- {{label}}
{{/tags}}