html-shot
今のところ img タグとかは全部 data URI スキーマに落としてる
scriptタグは削る
canvasタグは toDataURLで画像を出してHTMLに入れておき、JSで復元する
どれくらい動くか?
Scrapboxがフォントを除いて見れる
https://gyazo.com/2d9138d5c91b602367c380bd03132e93
(CSSの解析をまだしてないのでフォントが読み込めない)
https://gyazo.com/745ba62118738ec66029484167fc64aa
https://gyazo.com/7cb71216f7cce29190f36f75d9d0d300
タスク
CSS解析してbackground-imageとかフォントの抽出
@importも?
やった 2020-11-11 00:50:41
style属性に限ってやった
postcss-urlを使った
全部やった 2020-11-11 00:50:32
でも font とか全部読むようになったのでかなり遅くなった
imgタグのsrcとか全部data:image/〜〜にしてしまうので、[src^="https://..."]とか変なことやってるやつが動かなくなる
う〜ん
WebGLのスクショ取れるようにする
やった
HTMLCanvasElement.prototype.getContextを上書きして、WebGLの時は無理矢理preserveDrawingBufferをtrueにする
これをやらないとcanvas.toDataURLが真っ黒になる
これを実装するとシャニマスのスクショが出るようになる https://gyazo.com/ffdf1cd1b4ed1c50fe7d4b4d61345a97
<link rel="stylesheet">をhrefにbase64で貼るのをやめたほうがいい?
styleタグで全部書いたほうがたぶん軽い
なんか電音部のnewsがスクロールできない (なんで?)
2020-11-11
なんか --use-gl=desktop を headless で付けると WebGL ごと死ぬっぽい?
なんか VSCode Insiders のロゴが消える
https://gyazo.com/21f0c70c0d8122f8f37b011cdda11bc8
なんでだろ
なんか CSS 追い切れてないっぽさ