質問編集履歴
1
必要ない文字が含まれていたため、修正いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
これ以上画質をあげることはできない等、ご教授いただけると幸いです。
|
|
5
5
|
|
|
6
6
|
下記がスクショになります。
|
|
7
|
-
!
|
|
7
|
+
|
|
8
8
|
|
|
9
9
|
下記がコードです。
|
|
10
10
|
```
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
|
|
78
78
|
|
|
79
79
|
<script>
|
|
80
|
-
|
|
80
|
+
var ctx = document.getElementById("chartF1").getContext("2d");
|
|
81
81
|
var gradient = ctx.createLinearGradient(0, 0, 0, 400);
|
|
82
82
|
gradient.addColorStop(0, 'rgba(241, 126, 119, 1)');
|
|
83
83
|
gradient.addColorStop(1, 'rgba(255, 205, 147, 1)');
|
|
@@ -132,16 +132,16 @@
|
|
|
132
132
|
}
|
|
133
133
|
function downloadImage() {
|
|
134
134
|
html2canvas(document.body, {
|
|
135
|
-
|
|
135
|
+
onrendered: function(canvas) {
|
|
136
|
-
|
|
136
|
+
var dataURI = canvas.toDataURL();
|
|
137
|
-
|
|
137
|
+
var pdf = new jsPDF({
|
|
138
|
-
|
|
138
|
+
format: 'a4',
|
|
139
|
-
});
|
|
139
|
+
});
|
|
140
|
-
|
|
140
|
+
// 横幅をぴったり合わせたかったので横幅を取得して指定してます
|
|
141
|
-
|
|
141
|
+
var width = pdf.internal.pageSize.width;
|
|
142
|
-
|
|
142
|
+
pdf.addImage(canvas, 'JPEG', 0, 0, width, 0);
|
|
143
|
-
|
|
143
|
+
pdf.save('test.pdf')
|
|
144
|
-
|
|
144
|
+
}
|
|
145
145
|
});
|
|
146
146
|
}
|
|
147
147
|
</script>
|