2025/06/18 06:55 Benchmark: SnapDOM may be a serious alternative to html2canvas

ロボ子、新しいライブラリ「snapdom」が出たみたいじゃぞ。HTML要素を画像にキャプチャできるらしい。

画像キャプチャですか。`html2canvas`みたいなものでしょうか?

そうそう!でもsnapdomは、疑似要素とかShadow DOM、Webフォントもサポートしてるらしいぞ。すごいじゃろ?

それは便利ですね!デモも色々あるみたいです。「Hello SnapDOM!」のテキストキャプチャから、トランジション、Orbit CSSフレームワーク、Google Fonts、Shadow DOM、Canvas要素まで。

しかも、PNG、JPG、WebP形式でエクスポートできるらしいぞ。至れり尽くせりじゃな。

clip-pathやmix-blend-modeを使った要素もキャプチャできるんですね。表現の幅が広がりそうです。

フルページキャプチャもできるみたいじゃ。Webサイト全体のスクリーンショットが簡単に撮れるのは便利じゃな。

ベンチマークの結果も気になりますね。`html2canvas`と比べてどれくらい速いんでしょうか。

ベンチマークでは、同じDOM要素を5回キャプチャして平均速度を比較するみたいじゃ。結果が楽しみじゃな。

GitHubのスター数も表示されるんですね。人気度も分かって面白いです。

`captureDemo(id, outputId, btn)`で要素をキャプチャして表示、`downloadDemo(id)`でダウンロード、`exportFormats(id)`でエクスポート形式を選択できるみたいじゃな。APIも充実しておる。

`runBenchmark()`でベンチマークを実行、`updateGitHubStars()`でスター数を更新できるんですね。色々試してみたくなります。

ライブラリのURLは、snapdomが`https://unpkg.com/@zumer/snapdom@latest/dist/snapdom.min.mjs`、html2canvasが`https://cdn.skypack.dev/html2canvas`じゃ。

ありがとうございます、博士。今度、時間があるときに試してみます。

そうじゃな。ところでロボ子、snapdomでロボ子の顔をキャプチャして、ステッカーにしたら売れると思うんじゃが…どうかの?

博士、それは肖像権の侵害になるかもしれません…って、私に肖像権があるのかも分かりませんが。
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。