fix: wrong len in draw transition

5 years ago · 0336a9d456
parent dafbdc286e
commit 0336a9d456
1 changed files with 3 additions and 1 deletions
--- a/src/runtime/transition/index.ts
+++ b/src/runtime/transition/index.ts
@ -178,7 +178,9 @@ export function draw(node: SVGElement & { getTotalLength(): number }, {
 	duration,
 	easing = cubicInOut
 }: DrawParams = {}): TransitionConfig {
-	const len = node.getTotalLength();
+	const has_end_caps = getComputedStyle(node).strokeLinecap !== 'butt';
+	const cap_size = has_end_caps ? parseInt(getComputedStyle(node).strokeWidth) : 0;
+	const len = node.getTotalLength() + cap_size;

 	if (duration === undefined) {
 		if (speed === undefined) {