On the Way...
众所周知想用canvas画一条曲线我们可以使用这些函数:
二次曲线:quadraticCurveTo(cp1x, cp1y, x, y)
贝塞尔曲线:bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
画圆弧:arcTo(x1,y1,x2,y2,radius)
但是如果一组点给你,怎么通过这些已知点画一条平滑的曲线呢?使用二次曲线,或是圆弧?恐怕这些都没法满足曲线多变的需求,唯一的方法就是一段贝塞尔曲线连着一段贝塞尔曲线,而其中的难点就是如何确定控制点。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//单行
.text{
overflow: hidden; //超出一行文字自动隐藏
text-overflow: ellipsis; //文字隐藏后添加省略号
white-space: nowrap; //强制不换行
}
//多行
.text{
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
font-size: 32rpx;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}