閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました.SVGで出力しているため,普通のPNGやJPGと比べると,以下のような少しだけ高度なことができます. スクリーンショットを撮ったページのURLを<svg>のdata属性として保持できる スクリーンショットの範囲内のリンクをそのまま残すことができる. ページ中の<a>の位置に,外部ページヘのリンクを持つ<rect>を挿入しています.クリックするとリンク先のページが開きます. ブラウザで通常リンクと同じように扱われるため,rectをホバーするとChromeの左下にジャンプしようとしているURLが表示されるので,移動先もしっかり確認できます. まだかなり荒いベータ版ですが,GitHubで公開しています.クローンして,そのままChromeの拡張機能管理ページから読み
![リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました - #daiizメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a1a7bc2340cc58c0dde1127744c024c5e74b63f/height=288;version=1;width=512/https%3A%2F%2Fi.gyazo.com%2F773a3d6a29a0ab8f6ec3d1b348aaa979.gif)