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