无名 发表于 2022-5-8 16:29:19

【NB】Bezier贝塞尔曲线探索 个人站


http://cdn.u1.huluxia.com/g4/M01/05/59/rBAAdmBDQaeAV4g9AAO4_BHsxHw099.jpg
主页的视觉这效果大致如下http://cdn.u1.huluxia.com/g4/M01/05/59/rBAAdmBDQaiAaFx7AAPEAP1gWhI535.jpg
其实总体来说布局是较为清晰的,四角+中间
中间分为左+右+下
难点其实是下部那条曲线
为了方便其实已经修改过,原本绘制的锚点方向不统一,导致标准点坐标特别难计算
变动如下
http://cdn.u1.huluxia.com/g4/M01/05/59/rBAAdmBDQamAZU0-AAEsAArWonU550.jpg
没修改的时候整体比较平滑圆润,但锚点杂乱
其实修改的更精细点也可以,但我比较糙汉
http://cdn.u1.huluxia.com/g4/M01/05/59/rBAAdmBDQamAS1ilAADEAG5Oi44042.jpg
修改后保留了整体的走向,使锚点方向统一可控
因为单段贝塞尔曲线的是由
【开始点】1个
【标准点】可能有多个
【结束点】1个
构成的,所以整齐统一的锚点能降低很多工作量
图上我需要绘制的现段其实是由五段贝塞尔曲线拼接而成
拆解如图
http://cdn.u1.huluxia.com/g4/M01/05/59/rBAAdmBDQaqAQNU3AACQAIrpr9I900.jpg
曲线置于一个844*154的矩形中,以便计算相对的点位坐标
源码如下:

注释了应该看得懂[乖][乖][乖][乖]
页: [1]
查看完整版本: 【NB】Bezier贝塞尔曲线探索 个人站