ChromeでHTMLの要素のスクリーンショットを撮る
OS標準のスクリーンショット機能ではなく,Chromeの機能で対象の要素だけを画像に出来る
やり方
1. スクリーンショットを撮りたい要素を開発者ツールで開く
要素を右クリックしてコンテキストメニューから検証を選択
2. スクリーンショットを撮る要素を右クリックしてコンテキストメニューの"ノードのスクリーンショットをキャプチャ"を選択
https://gyazo.com/16e6ebae86a17f6a93db1da18c680648
3. ダウンロードフォルダに画像が保存される
https://gyazo.com/a9293c6021114c71e385f902f9161077