tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: web text maxLines

Browse Source
This commit is contained in:
钱泽虹
2023-09-12 19:08:12 +08:00
committed by osborn
parent 87a485e5a2
commit afb3de1fbc
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
doric-web/src/shader/DoricTextNode.ts
View File

@@ -102,7 +102,7 @@ export class DoricTextNode extends DoricViewNode {
if (this.maxLines > 0) {
const computedStyle = window.getComputedStyle(this.view)
const currentContentHeight = this.view.clientHeight - pixelString2Number(computedStyle.paddingTop) - pixelString2Number(computedStyle.paddingBottom)
let maxHeight = parseFloat(computedStyle.getPropertyValue('font-size')) * this.lineHeight() * this.maxLines
let maxHeight = Math.ceil(parseFloat(computedStyle.getPropertyValue('font-size')) * this.lineHeight() * this.maxLines)
if (currentContentHeight > 0) {
maxHeight = Math.min(maxHeight, Math.ceil(currentContentHeight))
}
@@ -115,12 +115,14 @@ export class DoricTextNode extends DoricViewNode {
lineHeight() {
return 1.3
}
computedHeight(style:CSSStyleDeclaration) {
const tempEle = document.createElement('div')
tempEle.style.font = style.font
tempEle.textContent = this.textElement.innerText
tempEle.style.whiteSpace = 'normal'
this.view.style.overflow = 'hidden'
tempEle.style.lineHeight = `${this.lineHeight()}em`
tempEle.style.width = this.view.style.width
document.body.appendChild(tempEle)
@@ -137,6 +139,7 @@ export class DoricTextNode extends DoricViewNode {
tempEle.style.font = style.font
tempEle.style.whiteSpace = 'normal'
this.view.style.overflow = 'hidden'
tempEle.style.lineHeight = `${this.lineHeight()}em`
tempEle.style.width = this.view.style.width
document.body.appendChild(tempEle);