内容

• リンクや GIF 動画も含められる、SVG を用いたスクリーンショットのアイデアの紹介
• SVG Screenshot の開発記
  • 日々のドッグフーディングで改良を重ねる、趣味開発のモチベーションをお届け！
• DPI を考慮して画像を表示する Custom Element を作る
• XSLT 変換で SVG 画像を生成する
  • XML で表現するウェブページのスクリーンショットの提案
• PNG画像のバイナリを読んで解像度情報を特定する
• Chromium のコードを読んで、画像の NaturalSize の導出過程を追う

キーワード

SVG、PNG、ウェブサイトのスクリーンショット、XML、XSLT、Custom Elements

初出イベント: 技書博2
技書博に初参加してはじめて書いた本です。第10回を記念して再登場 🌸