如何使多边形的填充渐变笔直？

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。