CSS 线性梯度角度关键字到度数转换

如何解决CSS 线性梯度角度关键字到度数转换

我想将 linear-gradient 和 to right 等 to bottom 关键字转换为 90deg 和 180deg。

我只找到了 4 个关键字值到度数：

const orientationToAngle = new Map<string,string>([
    ['to top','0deg'],['to right','90deg'],['to bottom','180deg'],['to left','270deg'],])

这是一个函数的一部分，它接受 colors、positions、orientation 和 angle 并返回一个 linear-gradient：

export const colorsToLinearGradient = (
    colors: string[],positions: number[],orientation?: string,angle?: string
) => {
    const stopStrings = colors.map((color,i) => {
        if (i === 0) return `${color} 0%`
        if (i === colors.length - 1) return `${color} 100%`
        return `${color} ${positions[i]}%`
    })

    const orientationToAngle = new Map<string,string>([
        ['to top',])

    const angleValue = angle || orientationToAngle.get(orientation || 'to bottom')
    return `linear-gradient(${angleValue},${stopStrings.join(',')})`
}

我需要弄清楚如何添加其余的值，例如：to top right、to top left、to bottom right、to bottom left？我不知道我是否遗漏了任何其他关键字。

那么想知道这些关键字的等效角度吗？