|
@@ -448,13 +448,19 @@ const submit = async () => {
|
|
|
break;
|
|
|
case "2":
|
|
|
const chartContainer1 = GJRef.value;
|
|
|
- const canvas1 = await html2canvas(chartContainer1);
|
|
|
+ const canvas1 = await html2canvas(chartContainer1, {
|
|
|
+ logging: false, // 可选:关闭日志输出
|
|
|
+ backgroundColor: null, // 设置背景颜色为透明
|
|
|
+ });
|
|
|
const img1 = canvas1.toDataURL("image/png");
|
|
|
blob = base64ToBlob(img1);
|
|
|
break;
|
|
|
case "3":
|
|
|
const chartContainer2 = JYRef.value;
|
|
|
- const canvas2 = await html2canvas(chartContainer2);
|
|
|
+ const canvas2 = await html2canvas(chartContainer2, {
|
|
|
+ logging: false, // 可选:关闭日志输出
|
|
|
+ backgroundColor: null, // 设置背景颜色为透明
|
|
|
+ });
|
|
|
const img2 = canvas2.toDataURL("image/png");
|
|
|
blob = base64ToBlob(img2);
|
|
|
break;
|
|
@@ -586,7 +592,10 @@ const handwritingUseHook = () => {
|
|
|
//下载png
|
|
|
const updownPng = async () => {
|
|
|
const chartContainer = imgRef.value;
|
|
|
- const canvas = await html2canvas(chartContainer);
|
|
|
+ const canvas = await html2canvas(chartContainer, {
|
|
|
+ logging: false, // 可选:关闭日志输出
|
|
|
+ backgroundColor: null, // 设置背景颜色为透明
|
|
|
+ });
|
|
|
const img = canvas.toDataURL("image/png");
|
|
|
const a = document.createElement("a");
|
|
|
a.href = img;
|
|
@@ -636,7 +645,10 @@ const GJUseHook = () => {
|
|
|
const GJRef = ref(null);
|
|
|
const updownGJPng = async () => {
|
|
|
const chartContainer = GJRef.value;
|
|
|
- const canvas = await html2canvas(chartContainer);
|
|
|
+ const canvas = await html2canvas(chartContainer, {
|
|
|
+ logging: false, // 可选:关闭日志输出
|
|
|
+ backgroundColor: null, // 设置背景颜色为透明
|
|
|
+ });
|
|
|
const img = canvas.toDataURL("image/png");
|
|
|
const a = document.createElement("a");
|
|
|
a.href = img;
|
|
@@ -651,7 +663,10 @@ const JYUseHook = () => {
|
|
|
const JYRef = ref(null);
|
|
|
const updownJYPng = async () => {
|
|
|
const chartContainer = JYRef.value;
|
|
|
- const canvas = await html2canvas(chartContainer);
|
|
|
+ const canvas = await html2canvas(chartContainer, {
|
|
|
+ logging: false, // 可选:关闭日志输出
|
|
|
+ backgroundColor: null, // 设置背景颜色为透明
|
|
|
+ });
|
|
|
const img = canvas.toDataURL("image/png");
|
|
|
const a = document.createElement("a");
|
|
|
a.href = img;
|
|
@@ -712,7 +727,10 @@ const GZUseHook = () => {
|
|
|
};
|
|
|
const updownGZPng = async () => {
|
|
|
const chartContainer = GZRef.value;
|
|
|
- const canvas = await html2canvas(chartContainer);
|
|
|
+ const canvas = await html2canvas(chartContainer, {
|
|
|
+ logging: false, // 可选:关闭日志输出
|
|
|
+ backgroundColor: null, // 设置背景颜色为透明
|
|
|
+ });
|
|
|
const img = canvas.toDataURL("image/png");
|
|
|
const a = document.createElement("a");
|
|
|
a.href = img;
|
|
@@ -916,12 +934,14 @@ watch(
|
|
|
.GJBox {
|
|
|
font-size: 20px;
|
|
|
color: red;
|
|
|
+ background-color: transparent !important;
|
|
|
display: inline;
|
|
|
border: 2px solid red;
|
|
|
}
|
|
|
.JYBox {
|
|
|
font-size: 20px;
|
|
|
color: red;
|
|
|
+ background-color: transparent !important;
|
|
|
display: inline;
|
|
|
border: 2px solid red;
|
|
|
}
|