From 61f764b142fa660d50978bd388b6453c56f3735b Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期四, 27 六月 2024 11:23:33 +0800
Subject: [PATCH] 二维码修改
---
src/views/infomanger/companymanger/components/createQrcode.vue | 15 +++++++++++----
1 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/src/views/infomanger/companymanger/components/createQrcode.vue b/src/views/infomanger/companymanger/components/createQrcode.vue
index 2a192a9..87aa2da 100644
--- a/src/views/infomanger/companymanger/components/createQrcode.vue
+++ b/src/views/infomanger/companymanger/components/createQrcode.vue
@@ -2,6 +2,8 @@
<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 +43,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 +54,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