Javascript 在画布矩形上以一定间距分割线

我想画一些远离画布矩形底边的线

线之间的间距应相同。该间距由行数计算得出。你可以在这里看到我想要实现的目标

我开始创建这个，但不知怎么的，我没有在大矩形的底部得到正确的线起始位置

$（文档）.ready（（）=>{
常量ctx=$（“#c”）[0].getContext（“2d”）；
const mainRect=createRect（ctx，10，10，200，25）；
const elementCount=5；//为其他结果更改此值！
常量horizontalPositionModifier=mainRect.width/elementCount；
for（设i=0；i

#c{
宽度：500px；
高度：500px；
}

---

根据您显示的图像和您提供的代码，我相信您需要在分割的矩形中间绘制分割线

尝试将拆分的rect长度的50%添加到

horizontalPosition

const horizontalPosition = mainRect.start.x + horizontalPositionModifier * i + (horizontalPositionModifier / 2);

$（文档）.ready（（）=>{
常量ctx=$（“#c”）[0].getContext（“2d”）；
const mainRect=createRect（ctx，10，10，200，25）；
const elementCount=1；//为其他结果更改此值！
常量horizontalPositionModifier=mainRect.width/elementCount；
for（设i=0；i

#c{
宽度：500px；
高度：500px；
}

---

不抱歉，因为当我有

5

元素时，从

0

到

100

的结果将是

10,30,50,70,90

，正确的间距将是

16,33,50,66,83