Javascript 如何在SVG中创建带圆圈的滚动中心线，以及如何降低绘图速度？

要在

页面上用
行
滚动

创建一个

圆圈

，我的做法如下：

var createShape=document.getElementById（“形状”）；
var length=createShape.getTotalLength（）；
shape.style.strokeDasharray=长度；
shape.style.strokeDashoffset=长度；
window.onscroll=函数myFunction（）{
var scrollpercent=（document.body.scrollTop）/
（document.documentElement.scrollHeight-
document.documentElement.clientHeight）；
var draw=长度*百分比；
shape.style.strokedashcoffset=长度-绘制；
}

。滚动\u文本{
字体系列：“arial”；
字体大小：25px；
字体大小：粗体；
颜色：rgba（241,71,71,1）；
文本对齐：居中；
}

请滚动

---

欢迎使用堆栈溢出！请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难说清楚你在问什么。你对圈的创建有问题吗？或者问题是这个圆被卷起了，你想在滚动的时候把它固定在屏幕上吗？我在卷轴上创建一个圆，然后当它结束时，一条直线从那里开始到一段距离，然后再开始一个圆。我试图用SVG来做这件事，但我无法理解如何在中心和圆圈中创建这条线。我应该使用多个SVG标记来逐个创建它们吗？@vish请使用jsfiddle.com来演示这个问题（包括问题中保存的链接）。此外，您应该在内容中说明一个明确的问题。欢迎使用堆栈溢出！请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难说清楚你在问什么。你对圈的创建有问题吗？或者问题是这个圆被卷起了，你想在滚动的时候把它固定在屏幕上吗？我在卷轴上创建一个圆，然后当它结束时，一条直线从那里开始到一段距离，然后再开始一个圆。我试图用SVG来做这件事，但我无法理解如何在中心和圆圈中创建这条线。我应该使用多个SVG标记来逐个创建它们吗？@vish请使用jsfiddle.com来演示这个问题（包括问题中保存的链接）。此外，你应该在内容中陈述一个明确的问题。