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

fix:table 1px border width

Browse Source
This commit is contained in:
黄云飞
2022-04-13 17:46:16 +08:00
parent 44086c309c
commit 72770fc2e0
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/editor/core/draw/particle/table/TableParticle.ts
+11 -5
View File
@@ -15,10 +15,14 @@ export class TableParticle {
private _drawBorder(ctx: CanvasRenderingContext2D, startX: number, startY: number, width: number, height: number) { private _drawBorder(ctx: CanvasRenderingContext2D, startX: number, startY: number, width: number, height: number) {
ctx.beginPath() ctx.beginPath()
ctx.moveTo(startX, startY + height) const x = Math.round(startX)
ctx.lineTo(startX, startY) const y = Math.round(startY)
ctx.lineTo(startX + width, startY) ctx.translate(0.5, 0.5)
ctx.moveTo(x, y + height)
ctx.lineTo(x, y)
ctx.lineTo(x + width, y)
ctx.stroke() ctx.stroke()
ctx.translate(-0.5, -0.5)
} }
public computeRowColInfo(element: IElement) { public computeRowColInfo(element: IElement) {
@@ -170,14 +174,16 @@ export class TableParticle {
const td = tr.tdList[d] const td = tr.tdList[d]
const width = td.width! * scale const width = td.width! * scale
const height = td.height! * scale const height = td.height! * scale
const x = td.x! * scale + startX + width const x = Math.round(td.x! * scale + startX + width)
const y = td.y! * scale + startY const y = Math.round(td.y! * scale + startY)
ctx.translate(0.5, 0.5)
// 绘制线条 // 绘制线条
ctx.beginPath() ctx.beginPath()
ctx.moveTo(x, y) ctx.moveTo(x, y)
ctx.lineTo(x, y + height) ctx.lineTo(x, y + height)
ctx.lineTo(x - width, y + height) ctx.lineTo(x - width, y + height)
ctx.stroke() ctx.stroke()
ctx.translate(-0.5, -0.5)
} }
} }
ctx.restore() ctx.restore()