回答編集履歴
1
誤字の修正
answer
CHANGED
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
0. 画像化したい要素をクローンしてappendする（appendしないとhtml2canvasで変換できない）
|
|
20
20
|
1. クローンした要素をCSSでリサイズ
|
|
21
21
|
2. html2canvaｓのオプションを設定して、リサイズしたCanvasに変換
|
|
22
|
-
3.
|
|
22
|
+
3. CanvasをBlobで画像に変換
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
html2canvasのオプションはこちらを参照してください
|
|
25
25
|
[https://html2canvas.hertzen.com/configuration](https://html2canvas.hertzen.com/configuration)
|
|
26
26
|
|
|
27
27
|
### 2. Canvasに変換後一度画像にしてリサイズする
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
こちらの手順は
|
|
33
33
|
|
|
34
34
|
0. 画像化したい要素をhtml2canvasでCanvasに変換
|
|
35
|
-
1. 一度
|
|
35
|
+
1. 一度CanvasをBlobで画像に変換
|
|
36
36
|
2. リサイズ用のCanvasを新規で生成
|
|
37
|
-
3. `drawImage`でリサイズしつつ
|
|
37
|
+
3. `drawImage`でリサイズしつつCanvasに先程の画像をDrawする
|
|
38
38
|
4. リサイズされたCanvasをBlobで画像に変換
|
|
39
39
|
|
|
40
40
|
---
|