相关疑难解决方法(0)

沿曲线的梯度冲程在帆布

我试图在画布上绘制一条曲线,沿着曲线绘制线性渐变样式,如此图像所示.在该页面上有一个链接的svg文件,它提供了有关如何在svg中完成效果的说明.也许在画布上可以使用类似的方法?

html5 bezier curve gradient canvas

12
推荐指数
1
解决办法
3900
查看次数

将一条二次贝塞尔曲线一分为二

所以我把一个假想的圆分成了多个部分(为了简单起见,我用了 8 个,但最后我想把它分成 16 个或 32 个部分)。

然后我有 N 条二次贝塞尔曲线,即在 2 个最近的线段之间。它可以停留在圆上或离中心更远,但不能比圆更近。

我知道如何找到,我应该在女巫线中寻找什么交点,但我不知道如何将它分成两部分......我知道,如果我寻找线和曲线的交点,我应该得到指出前一条曲线应该结束,下一条曲线应该开始,并且通过推导我可以得到向量,但我不知道如何去做。

示例图像,其中我只有 8 个部分,以便更轻松地解决问题。

问题的小例子

关键是,使用贝塞尔曲线制作“进步”栏。旁注:曲线每帧都会改变,因为它们是音乐可视化的一部分。

如果有更好的方法来为曲线吐色,我完全赞成!

javascript math bezier canvas

3
推荐指数
1
解决办法
1917
查看次数

标签 统计

bezier ×2

canvas ×2

curve ×1

gradient ×1

html5 ×1

javascript ×1

math ×1