Я пытаюсь создать палитру цветов, которая должна динамически генерировать свои изображения и полагала, что будет гораздо проще генерировать SVG, чем растровое изображение. К сожалению, я не могу понять, как изобразить большой двумерный градиент, который будет формировать центральную часть сборщика.
Например, если выбранные в данный момент оси являются синими и зелеными, мне нужно закрасить квадрат, который имеет черный нижний левый угол, синий верхний левый, зеленый нижний правый и голубой верхний правый.
Если есть способ сделать это путем наложения двух linearGradient заполненных квадратов и игры с их непрозрачностью, я не смог бы решить это. Я также попытался создать градиент, у которого цвета начала и конца были другими градиентами (надеясь, что я был умным), но все, что меня поразило, это «большое черное ничто». Поиски в Google до сих пор ни к чему не привели.
Я бы не хотел прибегать к стеку из 256 1-пиксельных высоких градиентов, как из-за увеличения размера и сложности, так и из-за того, что я подозреваю, что он не будет хорошо изменяться. Возможно, кто-то с немного более глубокими познаниями в SVG может что-то предложить