这是一个艺术和哲学问题,与编程问题一样多。我正在使用传单创建一个热图图层。通常,热图描绘了数量的强度。
问题是,在这个热图中,我是[0,1]范围内的颜色映射值 - 我希望两个值接近于零,值接近于1表示“热”,值约为0.5表示中性或“酷”。此外,我希望能够在视觉上区分“热”零和“热”1,即来自[0,0.5]和[0.5,1]的不同但互补的色彩梯度。
我该如何正确地做到这一点?
下面是一个示例渐变,它提供了我的意思,但它是理想的。奇怪的是,如果我将不透明度设置为0,我会得到一个深灰色的颜色 - 相反,在0.5区域周围有几乎透明的颜色会很棒。有任何想法吗?
gradient: {
0.00 :'rgba(0,0,238,1)',
0.05 :'rgba(255,0,0,0.5)',
0.10 :'rgba(255,0,0,0.5)',
0.15: 'rgba(255,0,0,0.2)',
0.20: 'rgba(255,0,0,0.2)',
0.25: 'rgba(238,18,137,0.2)',
0.30: 'rgba(205,0,205,0.2)',
0.35: 'rgba(178,58,238,0.1)',
0.40: 'rgba(154,50,205,0.1)',
0.45: 'rgba(240,255,255,0.1)',
0.50: 'rgba(240,255,255,0.1)',
0.55: 'rgba(240,255,255,0.1)',
0.60: 'rgba(0,255,0,0.1)',
0.65: 'rgba(0,255,0,0.1)',
0.70: 'rgba(0,255,0,0.2)',
0.75: 'rgba(255,255,0,0.2)',
0.85: 'rgba(255,255,0,0.2)',
0.90: 'rgba(255,255,0,0.5)',
0.95: 'rgba(255,0,0,0.5)',
1.00: 'rgba(255,0,0,1)'
}
}