canvas线性渐变实现:根据渐变线角度计算坐标x0,y0,x1,y1
背景某些情况下可能需要使用canvas实现线性渐变逻辑,而且不是单纯的从上到下或从左到右,而是有一定的角度,但是在canvas中没有角度参数,只提供了坐标参数,代码如下:context.createLinearGradient(x0, y0, x1, y1);x0,y0是渐变开始坐标,x1,y1是渐变结束坐标,但是如果需求只给提供了渐变线的角度或者UI默认前端使用css实现渐变的,那就需要根据css的实现代码来算出canvas渐变的坐标参数,css的渐变逻辑是这样的:可以看到,css是以元素的中
原创
2021-06-29 14:21:20 ·
1539 阅读 ·
12 评论