PDFに海苔貼りたくなる時あるよねぇ
というわけで作ってみました
pdfファイルを選択して
PDFが表示されて
ドラッグで海苔を貼っていくぅ
「to png」を押してpngに変換するぅ
あとはDLでもしてもらえれば・・・
ソースとサイト
解説
環境はVue 3 + TypeScript + Vite
pdfjsでcanvasに出力したpdfにお絵描きしています
バグはあるかもしれません
つまった所と解決策
毎フレームawait page.renderしてチラついた
render後の画像を持っておく
canvasを画像化する時にクリックイベントでやると不完全な画像になる
画像化用の変数を用意してcanvasの描画処理の最後で出力する
pdfの日本語が表示されない時がある
cmapsを指定する
本番でcmap読めない
cmapsをコピる
おわり
JSのセミコロン省略したいけどつい書いちゃいますね
Vue3のsetupいいですねぇ