用大纲绘制WPF PathFigure

时间:2013-04-24 16:12:43

标签: .net wpf drawing effects

我正在尝试显示符合以下要求的WPF Path - 对象:

  1. 我希望Path本身以特定颜色和特定厚度显示。
  2. 我想用另一种颜色和厚度
  3. Path的轮廓着色

    示例(在现实生活中,这个数字更复杂,有曲线等):

    Example

    有没有办法在WPF中实现这种效果?

    我尝试覆盖两个单独的路径(蓝色路径顶部的红色路径),但结果看起来不是很平滑,尤其是当你有圆角时。

    我也尝试使用DropShadowEffect,但无法像示例中那样获得清晰的轮廓。

    有什么想法吗?

    谢谢!

1 个答案:

答案 0 :(得分:8)

enter image description here

创建

<Canvas>
    <Canvas.Resources>
        <Geometry x:Key="pathData">M100,100 L200,100 200,150 A1,1 0 0 1 100,150 Z</Geometry>
    </Canvas.Resources>
    <Path Stroke="Blue" StrokeThickness="15" StrokeLineJoin="Round"
          Data="{StaticResource pathData}"/>
    <Path Stroke="Red" StrokeThickness="6" StrokeLineJoin="Round"
          Data="{StaticResource pathData}"/>
</Canvas>