Home > コラム一覧 > 【備忘】WEB上のテキスト、画像等をスクリーンショットするJavascript(html2canvas)

カテゴリー:HP制作

【備忘】WEB上のテキスト、画像等をスクリーンショットするJavascript(html2canvas)

2024年6月のクリエータズマーケットで知り合いになった方から、WEB上でパーツを組み合わせカスタマイズし、かつその画像をダウンロード及びSNSへの投稿をしたいという依頼を受けました。

実装を進めていく中で、WEB上のある決まった領域を1枚の画像(PNG,JPGなど)へ変換できるhtml2canvasというライブラリを見つけました。

レイヤー(absolute)で重ねた画像(パーツ)を1枚の画像に出来るか不安なところでしたが、きちんと見た目通りに画像となり一安心です。

カスタム系製品を紹介するには、良いライブラリだと思いました。