相关疑难解决方法(0)

SVG线性梯度http://elv1s.ru/files/svg/gradient-hue.png

这样做一个渐变的正确方法是什么？我试过这个SVG:

<linearGradient id="hue" x1="0" y1="1" x2="0" y2="0">
    <stop offset="0%" stop-color="#ff0000"/>
    <stop offset="17%" stop-color="#ffff00"/>
    <stop offset="34%" stop-color="#00ff00"/>
    <stop offset="50%" stop-color="#00ffff"/>
    <stop offset="66%" stop-color="#0000ff"/>
    <stop offset="82%" stop-color="#ff00ff"/>
    <stop offset="100%" stop-color="#ff0000"/>
</linearGradient>

它有效,但仍然不够好:

SVG线性梯度http://elv1s.ru/files/svg/gradient-hue-reference.png

我可以看到这两个渐变之间的区别.有没有更好的方法呢？

我正在创建一个颜色选择器,我正处于需要创建HUE颜色条的阶段:

创建它的一种方法是通过XAML中的渐变停止.例如:

<Rectangle Width="50" Height="100">
    <Rectangle.Fill>
        <LinearGradientBrush StartPoint="0.5,0.025" EndPoint="0.5,1" >
            <GradientStop Color="#FFFF0000" />
            <GradientStop Color="#FEFFFF00" Offset="0.15" />
            <GradientStop Color="#FE00FF00" Offset="0.3" />
            <GradientStop Color="#FE00FFFF" Offset="0.45" />
            <GradientStop Color="#FE0000FF" Offset="0.6" />
            <GradientStop Color="#FEFF00FF" Offset="0.85" />
            <GradientStop Color="#FFFF0000" Offset="1" />
        </LinearGradientBrush>
    </Rectangle.Fill>
</Rectangle>

以上将产生:

但是,我不确定停止是否正确.

是否有关于如何生成这样一个条的约定？任何建议都将受到高度赞赏.

最好的祝福,

卡西