Javascript HTML画布动态掩蔽

简单地说，我在HTML画布上画了一条红线，我希望一个移动的白色圆圈只在它所接触的线的当前部分可见。我读了很多关于画布掩蔽的书，但我还没有遇到类似的情况作为参考。整个圆永远都不应该是可见的，如果恰好有多条线，则只应该是覆盖一条或多条线的部分。 有什么建议吗？

---

谢谢

我很高兴听到您正在学习更高级的html画布功能

我建议您接下来阅读context.globalCompositeOperation

通过合成，可以操纵相对于现有图形绘制新图形的方式

特别是，源顶合成模式在您的情况下应该很有帮助，因为圆的新图形只会出现在它与线的现有图形相交的位置

---

祝你的项目好运

@gamealchest:为什么要投否决票？我相信我的帖子为对话提供了有用的信息。我感到很难过的是，你笑了，大概喜欢用你的评论侮辱和伤害别人。这种态度使斯塔克福成为一个不那么受欢迎和令人愉快的地方。很抱歉，我没有在这里看到你的回应。这正是我所需要的。我的名誉不允许我投票支持你，但如果我能，我会的！”source Top“做了我想做的。@CountingStacks:让我给你一些建议来改进你的问题：1提及你所做的阅读，或阅读的结论，我们都可能从中受益2展示你为解决问题所做的所有尝试，最好使用一些代码+jsbin。初学者：jsbin.com/demusopajane/2/edit？js，控制台，输出。3强调问题。顺致敬意，