CAShapeLayer
1、path
贝塞尔曲线和图层结合才能绘制出各种各样的图形。
注：当与贝塞尔曲线一起使用的时候，生成的曲线的位置是相对于生成的layer的，
所以当你利用贝塞尔曲线设置了path后，再设置layer的position和bounds
你会感觉很奇怪，最简单的方式就是单纯利用贝塞尔曲线决定图层的位置和大小）
2、fillColor 和 fillRule
fillColor即layer的path的填充颜色
fillRule属性指图层的填充规则
3、strokeColor
线颜色
4、strokeStart strokeEnd
两者的取值都是0～1，决定贝塞尔曲线的划线百分比，对应值的改变支持隐式动画
5、lineWidth
线宽
6、miterLimit
最大斜接长度，只有lineJoin属性为kCALineJoinMiter时miterLimit才有效，当衔接角度太小时，斜接长度就会很大，如果设置了 miterLimit并且当斜接长度大于这个值时，便会对应裁切掉多余区域
图1.png
设置miterLimit后：
图2.png
7、lineCap
线端点类型，也就是对应曲线结束的点的显示样式。
线端点类型.png
8、lineJoin
连接点类型，也就是对应曲线节点的位置的显示样式。
连接点类型.png
9、lineDashPattern
线设置，为一个数组，数组中奇数位实线长度，偶数位带遍空白长度（注意：这里的奇数，偶数以数组的第一个元素索引为1计算）
10、lineDashPhase
虚线开始的位置，可以使用此属性做一个滚动的虚线框。
CAGradientLayer
1、colors
在Layer中实现几种颜色并完成完美的过渡，和CAShapeLayer的path一样，colors是CAGradientLayer特殊属性的起点，也就是x 显示的要素
2、locations
颜色区间分布比例，默认为线性均匀分布。取值范围为0～1递增，一般来说其中的元素个数应与colors中的元素个数相同，不同时系统会自行处理分布规则。
设置 gradientLayer.locations = @[@(0.3),@(0.7)];
3、startPoint endPoint
startPoint决定了变色范围的起始点，endPoint决定了变色范围的结束点，两者的连线决定变色的趋势：
1.png
2.png
3.png
4.png
注意：locations是相对于startPoint和endPoint的变化范围而言的。
