SVG遮罩路径被裁剪：鼠标跟随动态链JavaScript实验异常求助

• SVG视口边界裁剪：你的SVG设置了固定的viewBox="0 0 300 240"，SVG默认会自动裁剪所有超出这个视口范围的图形内容。当鼠标移动到300x240的区域之外时，动态生成的链条路径会延伸到视口外，这部分自然会被截断。
• 遮罩（Mask）范围不足：你在<defs>里定义的mask使用了一个基于视口百分比的矩形（width="100%" height="100%"），这个矩形的范围完全局限在viewBox内。当链条路径超出视口时，遮罩无法覆盖这些超出的部分，导致应用了mask的那条宽8的链条在视口外的部分被遮罩裁剪，出现断裂。
• 未开启溢出可见：SVG元素默认的overflow属性值是hidden，意味着超出视口的内容会被隐藏。你没有给SVG添加overflow="visible"属性，进一步加剧了裁剪问题，即使路径生成到视口外也无法显示。

内容的提问来源于stack exchange，提问作者jantimon