Vue.jsでHTMLをサムネイル画像に変換する実装方法
事前準備
依存関係をインストールします
npm install html2canvas --save
対象コンポーネントにライブラリをインポートします
import html2canvas from 'html2canvas'
画像生成対象の要素にrefを指定します
<div ref="thumbnailArea">...</div>
方法1: Blob形式でバックエンドへ送信
methods: {
generateThumbnail() {
html2canvas(this.$ref ...
5月18日 23:30 投稿