SVG Screenshot 3rd generation
SVG Screenshot 第3世代
コンセプト
ハイパーリンクだけでなく本文テキストも保持する
ページの一部分を保存できる、高度な「HTMLとして保存」機能を目指す
DOMのスナップショット
SVG Snapshot?
選択範囲に含まれる画像などの外部リソースもまるごと切り出す
ブックマークレットとして実装する
ブラウザタブ内のスクリーンショットを撮る必要がなくなったため、ブラウザ拡張機能でなくてよい
ソースコード
https://github.com/daiiz/svg-screenshot-3g
デモ
https://codepen.io/daiiz/pen/RwLKOzw
https://twitter.com/daizplus/status/1470778833963995138
https://gyazo.com/4c965e50fca61e44856bc2a95a0d5f46
生成物の例
https://ja.wikipedia.org/wiki/PaLM の一部
https://scrapbox.io/files/6557181aabd231001ba82a72.svg https://scrapbox.io/files/6557181aabd231001ba82a72.svg