Skip to content

Instantly share code, notes, and snippets.

@advanceboy
Last active August 11, 2021 15:44
Show Gist options
  • Save advanceboy/68f0bbba84cfd1e1aec6 to your computer and use it in GitHub Desktop.
Save advanceboy/68f0bbba84cfd1e1aec6 to your computer and use it in GitHub Desktop.
Firefox の pdf.js で 現在表示されている PDF ファイルを、 canvas を通じて PNG 画像の base64 に変換して、クリップボードに転送します。 変換したいページを、「右クリック」→「調査」 で ウェブ開発ツールを開き、インスペクターの場所はいじらないようにしながら、コンソールにコードを貼り付けて実行した後、ページ上でどこかをコピー(Ctrl+C)すれば、クリップボードに 画像の Data URI がセットされます。
(() => {
const baseElm = $0;
document.addEventListener('copy', (e) => {
e.preventDefault();
e.clipboardData.setData('text/plain', baseElm.closest('div.page').querySelector('canvas').toDataURL('image/png'));
console.log('png image copied!');
}, { once: true });
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment