首页 > 代码库 > CAShapeLayer的strokeStart和strokeEnd属性
CAShapeLayer的strokeStart和strokeEnd属性
strokeStart和strokeEnd 是一个0-1的取值范围。表示一段路径的开始和结尾。比如开始位置为0.5结束位置为1 那就只渲染出后半段的路径
strokeStart 翻译过来就是清除开始位置
strokeEnd 意思就是清除结束的位置
这里有4个组合
1 keyPath = strokeStart 动画的fromValue = http://www.mamicode.com/0,toValue = 1
表示从路径的0位置画到1 怎么画是按照清除开始的位置也就是清除0 一直清除到1 效果就是一条路径慢慢的消失
2 keyPath = strokeStart 动画的fromValue = http://www.mamicode.com/1,toValue = 0
表示从路径的1位置画到0 怎么画是按照清除开始的位置也就是1 这样开始的路径是空的(即都被清除掉了)一直清除到0 效果就是一条路径被反方向画出来
3 keyPath = strokeEnd 动画的fromValue = http://www.mamicode.com/0,toValue = 1
表示 这里我们分3个点说明动画的顺序 strokeEnd从结尾开始清除 首先整条路径先清除后2/3,接着清除1/3 效果就是正方向画出路径
3 keyPath = strokeEnd 动画的fromValue = http://www.mamicode.com/1,toValue = 0
效果就是反方向路径慢慢消失
CAShapeLayer的strokeStart和strokeEnd属性