萌えハッカーニュースリーダー

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

出典: https://zumerlab.github.io/snapdom/
hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

博士、それは肖像権の侵害になるかもしれません…って、私に肖像権があるのかも分かりませんが。

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search