zoukankan      html  css  js  c++  java
  • CAShapeLayer的strokeStart和strokeEnd属性

         strokeStart和strokeEnd 是一个0-1的取值范围。表示一段路径的开始和结尾。比如开始位置为0.5结束位置为1 那就只渲染出后半段的路径

         strokeStart 翻译过来就是清除开始位置

         strokeEnd   意思就是清除结束的位置

         

         

         这里有4个组合

         1 keyPath = strokeStart  动画的fromValue = 0,toValue = 1

         表示从路径的0位置画到1 怎么画是按照清除开始的位置也就是清除0 一直清除到1 效果就是一条路径慢慢的消失

         

         2 keyPath = strokeStart  动画的fromValue = 1,toValue = 0

         表示从路径的1位置画到0 怎么画是按照清除开始的位置也就是1 这样开始的路径是空的(即都被清除掉了)一直清除到0 效果就是一条路径被反方向画出来

         

         3 keyPath = strokeEnd  动画的fromValue = 0,toValue = 1

         表示 这里我们分3个点说明动画的顺序  strokeEnd从结尾开始清除 首先整条路径先清除后2/3,接着清除1/3 效果就是正方向画出路径

         

         3 keyPath = strokeEnd  动画的fromValue = 1,toValue = 0

         效果就是反方向路径慢慢消失

  • 相关阅读:
    原型链与继承
    js错误处理Try-catch和throw
    函数柯里化
    js函数节流
    事件委托
    innerHTML属性的内存和性能问题
    微信小程序左滑显示按钮demo
    this的作用
    前端工作面试经典问题(超级全)
    HTML5入门指南
  • 原文地址:https://www.cnblogs.com/HypeCheng/p/4172253.html
Copyright © 2011-2022 走看看