style:证明
Showing
2 changed files
with
90 additions
and
78 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2024-01-18 11:00:00 | 4 | * @LastEditTime: 2024-01-24 17:31:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -525,48 +525,55 @@ | ... | @@ -525,48 +525,55 @@ |
| 525 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 525 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
| 526 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 526 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 527 | // 权利人 | 527 | // 权利人 |
| 528 | let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; | 528 | let qlrlines = this.bdcqz.qlr |
| 529 | if (getByteLen(this.bdcqz.qlr) >= 34) { | 529 | if (getByteLen(this.bdcqz.qlr) > 36) { |
| 530 | qlrlines.forEach((line, index) => { | 530 | let currentLine = ''; |
| 531 | let currentLine = ''; | 531 | let arr = []; |
| 532 | let arr = []; | 532 | for (let word of qlrlines) { |
| 533 | for (let word of line) { | 533 | const testLine = currentLine + word; |
| 534 | const testLine = currentLine + word; | 534 | const lineWidth = context.measureText(testLine).width; |
| 535 | const lineWidth = context.measureText(testLine).width; | 535 | if (lineWidth <= 295) { |
| 536 | if (lineWidth <= 295) { | 536 | currentLine = testLine; |
| 537 | currentLine = testLine; | 537 | } else { |
| 538 | } else { | 538 | arr.push(currentLine); |
| 539 | arr.push(currentLine); | 539 | currentLine = word; |
| 540 | currentLine = word; | ||
| 541 | } | ||
| 542 | } | 540 | } |
| 543 | arr.push(currentLine); | 541 | } |
| 544 | arr.forEach((line, index) => { | 542 | arr.push(currentLine); // 将最后一行添加到数组 |
| 545 | context.fillText(line, 775, 218 + (index * 20)); // 调整行高 | 543 | // 绘制所有行 |
| 546 | }) | 544 | for (let i = 0; i < arr.length; i++) { |
| 547 | }) | 545 | context.fillText(arr[i], 775, 218 + i * 20); // lineHeight 为行高 |
| 546 | } | ||
| 548 | } else { | 547 | } else { |
| 549 | qlrlines.forEach((line, index) => { | 548 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 550 | let currentLine = ''; | ||
| 551 | let arr = []; | ||
| 552 | for (let word of line) { | ||
| 553 | const testLine = currentLine + word; | ||
| 554 | const lineWidth = context.measureText(testLine).width; | ||
| 555 | if (lineWidth <= 295) { | ||
| 556 | currentLine = testLine; | ||
| 557 | } else { | ||
| 558 | arr.push(currentLine); | ||
| 559 | currentLine = word; | ||
| 560 | } | ||
| 561 | } | ||
| 562 | arr.push(currentLine); | ||
| 563 | arr.forEach((line, index) => { | ||
| 564 | context.fillText(line, 775, 228 + (index * 20)); // 调整行高 | ||
| 565 | }) | ||
| 566 | }) | ||
| 567 | } | 549 | } |
| 568 | // 义务人 | 550 | // 义务人 |
| 569 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | 551 | // context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); |
| 552 | |||
| 553 | let ywrlines = this.bdcqz.ywr | ||
| 554 | if (getByteLen(this.bdcqz.ywr) > 36) { | ||
| 555 | let currentLine = ''; | ||
| 556 | let arr = []; | ||
| 557 | for (let word of ywrlines) { | ||
| 558 | const testLine = currentLine + word; | ||
| 559 | const lineWidth = context.measureText(testLine).width; | ||
| 560 | if (lineWidth <= 295) { | ||
| 561 | currentLine = testLine; | ||
| 562 | } else { | ||
| 563 | arr.push(currentLine); | ||
| 564 | currentLine = word; | ||
| 565 | } | ||
| 566 | } | ||
| 567 | arr.push(currentLine); // 将最后一行添加到数组 | ||
| 568 | // 绘制所有行 | ||
| 569 | for (let i = 0; i < arr.length; i++) { | ||
| 570 | context.fillText(arr[i], 775, 268 + i * 20); // lineHeight 为行高 | ||
| 571 | } | ||
| 572 | } else { | ||
| 573 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | ||
| 574 | } | ||
| 575 | |||
| 576 | |||
| 570 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 577 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
| 571 | if (getByteLen(this.bdcqz.zl) > 37) { | 578 | if (getByteLen(this.bdcqz.zl) > 37) { |
| 572 | lines2.forEach((line, index) => { | 579 | lines2.forEach((line, index) => { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2024-01-23 11:07:58 | 4 | * @LastEditTime: 2024-01-24 17:29:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;"> |
| ... | @@ -450,49 +450,54 @@ | ... | @@ -450,49 +450,54 @@ |
| 450 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 450 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
| 451 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 451 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 452 | // 权利人 | 452 | // 权利人 |
| 453 | let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; | 453 | let qlrlines = this.bdcqz.qlr |
| 454 | if (getByteLen(this.bdcqz.qlr) >= 34) { | 454 | if (getByteLen(this.bdcqz.qlr) > 36) { |
| 455 | qlrlines.forEach((line, index) => { | 455 | let currentLine = ''; |
| 456 | let currentLine = ''; | 456 | let arr = []; |
| 457 | let arr = []; | 457 | for (let word of qlrlines) { |
| 458 | for (let word of line) { | 458 | const testLine = currentLine + word; |
| 459 | const testLine = currentLine + word; | 459 | const lineWidth = context.measureText(testLine).width; |
| 460 | const lineWidth = context.measureText(testLine).width; | 460 | if (lineWidth <= 295) { |
| 461 | if (lineWidth <= 295) { | 461 | currentLine = testLine; |
| 462 | currentLine = testLine; | 462 | } else { |
| 463 | } else { | 463 | arr.push(currentLine); |
| 464 | arr.push(currentLine); | 464 | currentLine = word; |
| 465 | currentLine = word; | ||
| 466 | } | ||
| 467 | } | 465 | } |
| 468 | arr.push(currentLine); | 466 | } |
| 469 | arr.forEach((line, index) => { | 467 | arr.push(currentLine); // 将最后一行添加到数组 |
| 470 | context.fillText(line, 775, 218 + (index * 20)); // 调整行高 | 468 | // 绘制所有行 |
| 471 | }) | 469 | for (let i = 0; i < arr.length; i++) { |
| 472 | }) | 470 | context.fillText(arr[i], 775, 218 + i * 20); // lineHeight 为行高 |
| 471 | } | ||
| 473 | } else { | 472 | } else { |
| 474 | qlrlines.forEach((line, index) => { | 473 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 475 | let currentLine = ''; | ||
| 476 | let arr = []; | ||
| 477 | for (let word of line) { | ||
| 478 | const testLine = currentLine + word; | ||
| 479 | const lineWidth = context.measureText(testLine).width; | ||
| 480 | if (lineWidth <= 295) { | ||
| 481 | currentLine = testLine; | ||
| 482 | } else { | ||
| 483 | arr.push(currentLine); | ||
| 484 | currentLine = word; | ||
| 485 | } | ||
| 486 | } | ||
| 487 | arr.push(currentLine); | ||
| 488 | arr.forEach((line, index) => { | ||
| 489 | context.fillText(line, 775, 228 + (index * 20)); // 调整行高 | ||
| 490 | }) | ||
| 491 | }) | ||
| 492 | } | 474 | } |
| 493 | 475 | ||
| 494 | // 义务人 | 476 | // 义务人 |
| 495 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | 477 | // context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); |
| 478 | let ywrlines = this.bdcqz.ywr | ||
| 479 | if (getByteLen(this.bdcqz.ywr) > 36) { | ||
| 480 | let currentLine = ''; | ||
| 481 | let arr = []; | ||
| 482 | for (let word of ywrlines) { | ||
| 483 | const testLine = currentLine + word; | ||
| 484 | const lineWidth = context.measureText(testLine).width; | ||
| 485 | if (lineWidth <= 295) { | ||
| 486 | currentLine = testLine; | ||
| 487 | } else { | ||
| 488 | arr.push(currentLine); | ||
| 489 | currentLine = word; | ||
| 490 | } | ||
| 491 | } | ||
| 492 | arr.push(currentLine); // 将最后一行添加到数组 | ||
| 493 | // 绘制所有行 | ||
| 494 | for (let i = 0; i < arr.length; i++) { | ||
| 495 | context.fillText(arr[i], 775, 268 + i * 20); // lineHeight 为行高 | ||
| 496 | } | ||
| 497 | } else { | ||
| 498 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | ||
| 499 | } | ||
| 500 | |||
| 496 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); | 501 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); |
| 497 | 502 | ||
| 498 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 503 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | ... | ... |
-
Please register or sign in to post a comment