输入宽:
输入高:
输入第一color-stop
输入第二color-stop
输入结束点 偏移:
旋转角度 α- 90 ℃ :
渐变偏移 h1:
渐变偏移 h2:
webkit线性渐变webkit-gradient linear写法到webkit-linear-gradient转换,本文只实现webkit-gradient的起始点固定0 0,结束点单轴偏移的转换,多stop可以类推出来,负值情况稍变化下,x轴分析见下图(y轴同理),
下面限高不限width,能看出两种写法差异,webkit-graident因为根据两点计算角度,所以角度会改变