From 4ebc73199bcd4b23739a2e1d22c372e8081310c5 Mon Sep 17 00:00:00 2001 From: 王恒 <318726284@qq.com> Date: 星期五, 18 七月 2025 17:55:29 +0800 Subject: [PATCH] '完善筛选项' --- src/views/infomanger/companymanger/components/createQrcode.vue | 14 ++++++++++---- 1 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/views/infomanger/companymanger/components/createQrcode.vue b/src/views/infomanger/companymanger/components/createQrcode.vue index 2a192a9..cc08bd0 100644 --- a/src/views/infomanger/companymanger/components/createQrcode.vue +++ b/src/views/infomanger/companymanger/components/createQrcode.vue @@ -2,6 +2,7 @@ <el-dialog title="浜岀淮鐮�" v-model="dialogVisible" width="300px" @close="closeDialog"> <div class="text-center"> <vueQr ref="query" background="#fff" :text="info.companyCode"></vueQr> + <div style="font-weight: bold;margin-bottom: 10px;">瀵熷幙鎵爜鍏ヤ紒鐩戠潱骞冲彴</div> <div>{{ info.companyName }}</div> <div style="margin-top: 10px;"> <el-link @click="downImage" type="primary">涓嬭浇浼佷笟鐮�</el-link> @@ -41,9 +42,9 @@ function drawText() { const canvas = canvasRef.value; canvas.width = 350; - canvas.height = 350; + canvas.height = 380; canvas.style.width = '350px'; - canvas.style.height = '350px'; + canvas.style.height = '380px'; const ctx = canvas.getContext('2d'); ctx.fillStyle = "#fff" ctx.fillRect(0, 0, canvas.width, canvas.height); @@ -52,10 +53,15 @@ const text = info.value.companyName; ctx.drawImage(img, 10, 0, 320, 320); - ctx.font = '20px Arial'; + // ctx.font = '20px Arial'; ctx.textAlign = 'center'; ctx.fillStyle = '#000'; - wrapText(ctx, text, 180, 320, 350, 20) + // ctx.setFontWeight('bold') + ctx.font ='bold 20px Arial' + wrapText(ctx, "瀵熷幙鎵爜鍏ヤ紒鐩戠潱骞冲彴", 180, 320, 350, 40) + // ctx.setFontWeight('normal') + ctx.font ="20px Arial" + wrapText(ctx, text, 180, 350, 350, 20) } function wrapText(context, text, x, y, maxWidth, lineHeight) { var words = text.split(''); -- Gitblit v1.9.1