android贝塞尔 控制点,Android 贝塞尔曲线的使用 操作

先看图

Paste_Image.png

根据期提供的 位置我们在android 上面看看是什么样子的

float startX= 100;

float startY=250;

float endX=200;

float endY=250;

Path path= new Path();

path.moveTo(startX, startY);

path.cubicTo(350, 250, 100, 350, endX, endY);

canvas.drawPath(path,getBrokenLinePaint());

Paste_Image.png

问题来了 这个大小是固定的所以我们需要做一些处理

从上面我们可以看到 endx 与startx 的距离是100

第一个控制点 350 250 如果按照比例换算的话

X比例(350-100) / 100 =2.5

Y比例 (endY-250) /100 = 0

第二个控制点 100 350

X比例(100-100) / 100 =0

Y比例 (endY-350) /100 = -1

那么代码最终就变成了 我们来看看效果图 ，看起来大小没什么变化

float startX= 100;

float startY=250;

float endX=200;

float endY=250;

float wt=endX-startX;

float x1= (float) (startX+wt*2.5);

float y1= startY+ wt*0;

float x2=startX+ wt*0;

float y2=startY - wt*-1;

Path path= new Path();

path.moveTo(startX, startY);

path.cubicTo(x1, y1, x2, y2, endX, endY);

canvas.drawPath(path,getBrokenLinePaint());

Paste_Image.png

我们把endX修改成400看看 是否变形

Paste_Image.png

Paste_Image.png

看来是没什么问题的