如何为多边形直线制作填充渐变？

Question

我目前正在尝试绘制多边形，然后用渐变填充它。问题是渐变使用形状的顶部为向上，因此它倾斜。这里有一些xaml会创建我正在谈论的内容。

   <Polygon Points="0,20 0,20 100,0 100,20">
        <Polygon.Fill>
            <LinearGradientBrush EndPoint="1,0" StartPoint="0,1">
                <GradientStop Color="White" Offset="0" />
                <GradientStop Color="White" Offset="0.5" />
                <GradientStop Color="Black" Offset="0.5" />
            </LinearGradientBrush>
        </Polygon.Fill>
    </Polygon>

此代码是一个很好的例子，因为它会将颜色分成50％标记，左边是白色，右边是黑色。您可以看到截止线与三角形的顶部倾斜。这是一张照片，以防您无法尝试代码。

有没有办法让它成为垂直截止而不是倾斜？

Answer 1

您需要更改起点和终点：

<... StartPoint="0,0.5" EndPoint="1,0.5" >

以上翻译为“从左中开始，到右中尾”。

现在你的观点是“从右上角开始到左下角结束”。

因此，我们可能应该交换它，如下：

<... StartPoint="1,0.5" EndPoint="0,0.5" >

供参考，甚至是展示您要求的更多示例，check here。