Commit ed1cfaf

committed

feat: implement smooth edges using bezierCurveTo method.

1 parent 58e9cf8 commit ed1cfafCopy full SHA for ed1cfaf

File tree

-1

lines changed

-1

lines changed

Lines changed: 7 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -104,13 +104,19 @@ function connectNodesEdge(canvasEle: HTMLCanvasElement \| null, xCord: {xStart: n`
`104`	`104`	`const start = { x: xStart, y: yStart };`
`105`	`105`	`const end = { x: xEnd, y: yEnd };`
`106`	`106`
	`107`	`+ const xHalf = (xStart + xEnd)/2;`
	`108`	`+ const yHalf = (yStart + yEnd)/2;`
	`109`	`+`
	`110`	`+ const cp1 = { x: xHalf, y: yHalf };`
	`111`	`+ const cp2 = { x: xEnd, y: yHalf };`
`107`	`112`
`108`	`113`	`const context = canvasEle?.getContext("2d");`
`109`	`114`	`context?.beginPath();`
`110`	`115`	`(context as CanvasRenderingContext2D).strokeStyle = "#6a00f4";`
`111`	`116`	`(context as CanvasRenderingContext2D).lineWidth = 2;`
`112`	`117`	`context?.moveTo(start.x, start.y);`
`113`		`- context?.lineTo(end.x, end.y);`
	`118`	`+ context?.bezierCurveTo(cp1.x, cp1.y, cp2.x, cp2.y, end.x, end.y);`
	`119`	`+ // context?.lineTo(end.x, end.y);`
`114`	`120`	`context?.stroke();`
`115`	`121`	`}`
`116`	`122`

Comments

(0)