rifutan https://blog.hatena.ne.jp/rifutan/ KAYAC Engineers' Blog https://techblog.kayac.com/ JavaScript canvas html5 こんにちは、HTMLファイ部新卒の石崎です。 今回は、Webページを画像化できるJavaScriptライブラリ、html2canvas について紹介します。 html2canvasを上手に活用することで、Webサイト側で表示ページのキャプチャを用意して処理したり、ユーザに提供したり出来るため、作れるWebサービスの幅がきっと広がります。 スクリーンショットを撮る html2canvasを使うとWebページのキャプチャを作れますが、そもそもスクリーンショットを得る方法は他にいくつもあります。 Webページの見えている部分のキャプチャをユーザが撮る Mac command + shift + 4 … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.kayac.com%2Fhtml2canvas" title="動的コンテンツを画像化できるJSライブラリ &quot;html2canvas&quot; を使おう - KAYAC Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://ryoke-reci.pe/recipe_ogp.png Hatena Blog https://hatena.blog 2017-09-04 08:00:00 rich https://techblog.kayac.com/html2canvas 1.0 100%