我试图在画布上绘制一条曲线,沿着曲线绘制线性渐变样式,如此图像所示.在该页面上有一个链接的svg文件,它提供了有关如何在svg中完成效果的说明.也许在画布上可以使用类似的方法?
所以我把一个假想的圆分成了多个部分(为了简单起见,我用了 8 个,但最后我想把它分成 16 个或 32 个部分)。
然后我有 N 条二次贝塞尔曲线,即在 2 个最近的线段之间。它可以停留在圆上或离中心更远,但不能比圆更近。
我知道如何找到,我应该在女巫线中寻找什么交点,但我不知道如何将它分成两部分......我知道,如果我寻找线和曲线的交点,我应该得到指出前一条曲线应该结束,下一条曲线应该开始,并且通过推导我可以得到向量,但我不知道如何去做。
示例图像,其中我只有 8 个部分,以便更轻松地解决问题。
关键是,使用贝塞尔曲线制作“进步”栏。旁注:曲线每帧都会改变,因为它们是音乐可视化的一部分。
如果有更好的方法来为曲线吐色,我完全赞成!