style:证书预览
Showing
1 changed file
with
6 additions
and
7 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-06 15:30:05 | 4 | * @LastEditTime: 2023-09-06 15:41:50 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| ... | @@ -206,17 +206,16 @@ | ... | @@ -206,17 +206,16 @@ |
| 206 | } | 206 | } |
| 207 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | 207 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); |
| 208 | // 权利其他状态 | 208 | // 权利其他状态 |
| 209 | const maxWidth = 332; // 最大宽度限制 | ||
| 210 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 209 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| 211 | for (let i = 0; i < lines.length; i++) { | 210 | for (let i = 0; i < lines.length; i++) { |
| 212 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 211 | let num = Math.ceil(getByteLen(lines[i]) / 40) |
| 213 | if (getByteLen(lines[i]) > 41) { | 212 | if (getByteLen(lines[i]) > 40) { |
| 214 | let currentLine = ''; | 213 | let currentLine = ''; |
| 215 | let arr = []; | 214 | let arr = []; |
| 216 | for (let word of lines[i]) { | 215 | for (let word of lines[i]) { |
| 217 | const testLine = currentLine + word; | 216 | const testLine = currentLine + word; |
| 218 | const lineWidth = context.measureText(testLine).width; | 217 | const lineWidth = context.measureText(testLine).width; |
| 219 | if (lineWidth <= maxWidth) { | 218 | if (lineWidth <= 323) { |
| 220 | currentLine = testLine; | 219 | currentLine = testLine; |
| 221 | } else { | 220 | } else { |
| 222 | arr.push(currentLine); | 221 | arr.push(currentLine); |
| ... | @@ -226,11 +225,11 @@ | ... | @@ -226,11 +225,11 @@ |
| 226 | arr.push(currentLine); | 225 | arr.push(currentLine); |
| 227 | if (i > 0) { | 226 | if (i > 0) { |
| 228 | arr.forEach((line, index) => { | 227 | arr.forEach((line, index) => { |
| 229 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高 | 228 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 13)); // 调整行高 |
| 230 | }) | 229 | }) |
| 231 | } else { | 230 | } else { |
| 232 | arr.forEach((line, index) => { | 231 | arr.forEach((line, index) => { |
| 233 | context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高 | 232 | context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 13)); // 调整行高 |
| 234 | }) | 233 | }) |
| 235 | } | 234 | } |
| 236 | } else { | 235 | } else { | ... | ... |
-
Please register or sign in to post a comment