SVG линейный градиент от оттенка 0 до 360
(источник: elv1s. ru )
Какой правильный способ сделать такой градиент? Я попробовал этот SVG :
Он работает, но все еще недостаточно хорошо:
(источник: elv1s.ru )
Я вижу разницу между этими двумя градиенты. Есть ли лучший способ сделать это?
3 ответа
Если возможно сгенерировать SVG с помощью Javascript, вы можете посмотреть: Как интерполировать значения оттенка в цветовом пространстве HSV?
или, возможно,:
http: //www.carto.net/papers/svg/gui/colourPicker/
Редактировать: На самом деле здесь есть один. это будет правильно?
http://upload.wikimedia.org/wikipedia/commons/5/5d/HSV-RGB-comparison.svg
<linearGradient
id="linearGradient3706">
<stop
style="stop-color:#ff1c1c;stop-opacity:1;"
offset="0"
id="stop3708" />
<stop
id="stop3728"
offset="0.16105497"
style="stop-color:#fd00ca;stop-opacity:1;" />
<stop
id="stop3724"
offset="0.35173747"
style="stop-color:#0202ff;stop-opacity:1;" />
<stop
id="stop3720"
offset="0.48789391"
style="stop-color:#02fff9;stop-opacity:1;" />
<stop
id="stop3718"
offset="0.70091939"
style="stop-color:#60ff18;stop-opacity:1;" />
<stop
id="stop3714"
offset="0.83720928"
style="stop-color:#ffef15;stop-opacity:1;" />
<stop
style="stop-color:#ff0000;stop-opacity:1;"
offset="1"
id="stop3710" />
</linearGradient>
работает для меня (сделано с помощью inskape)
Вы пытались увеличить точность в %? Как показывает Джош, вы можете иметь точность менее процента и лучше размещать свои стопы.