lsadmin/canvas-editor_fex765
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: adaptive list style during page scaling

Browse Source
This commit is contained in:
Hufe921
2023-04-20 22:18:51 +08:00
parent 3ec7d71f2e
commit e53c0c5d3b
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/editor/core/draw/particle/ListParticle.ts
+3 -2
View File
@@ -52,10 +52,11 @@ export class ListParticle {
} }
public getListStyleWidth(ctx: CanvasRenderingContext2D, listElementList: IElement[]): number { public getListStyleWidth(ctx: CanvasRenderingContext2D, listElementList: IElement[]): number {
const { scale } = this.options
const startElement = listElementList[0] const startElement = listElementList[0]
// 非递增样式返回固定值 // 非递增样式返回固定值
if (startElement.listStyle && startElement.listStyle !== ListStyle.DECIMAL) { if (startElement.listStyle && startElement.listStyle !== ListStyle.DECIMAL) {
return this.UN_COUNT_STYLE_WIDTH return this.UN_COUNT_STYLE_WIDTH * scale
} }
// 计算列表数量 // 计算列表数量
const count = listElementList.reduce((pre, cur) => { const count = listElementList.reduce((pre, cur) => {
@@ -68,7 +69,7 @@ export class ListParticle {
// 以递增样式最大宽度为准 // 以递增样式最大宽度为准
const text = `${this.MEASURE_BASE_TEXT.repeat(String(count).length)}${KeyMap.PERIOD}` const text = `${this.MEASURE_BASE_TEXT.repeat(String(count).length)}${KeyMap.PERIOD}`
const textMetrics = ctx.measureText(text) const textMetrics = ctx.measureText(text)
return Math.ceil(textMetrics.width + this.LIST_GAP) return Math.ceil((textMetrics.width + this.LIST_GAP) * scale)
} }
public drawListStyle(ctx: CanvasRenderingContext2D, row: IRow, position: IElementPosition) { public drawListStyle(ctx: CanvasRenderingContext2D, row: IRow, position: IElementPosition) {