깨진 그림자 효과가있는 경로

Question

이미지가 충분히 선명하고, 그림자 효과가 좋지 않은 삼각형이 너무 좋아 보이기를 바란다. 도움이 될 것입니다.

(업데이트 : 직사각형 경로는 구분되어야 할)

XAML :

<Grid Height="50" Width="60" > 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="20" /> 
      <ColumnDefinition Width="*" /> 
     </Grid.ColumnDefinitions> 
     <Rectangle Grid.Column="1" Stroke="Black" Fill="White"> 
      <Rectangle.Effect> 
       <DropShadowEffect Opacity="0.5" ShadowDepth="4" BlurRadius="10" /> 
      </Rectangle.Effect> 
     </Rectangle> 
     <Path Fill="White" Stretch="Fill" Stroke="Black" HorizontalAlignment="Left" Margin="0,15,-1,15" 
         Data="M44.386378,164.8791 L22.983157,171.42119 44.713478,176.58567" Width="23.167"> 
      <Path.Effect> 
       <DropShadowEffect BlurRadius="10" Opacity="0.5" ShadowDepth="4" /> 
      </Path.Effect> 
     </Path> 
    </Grid> 
</Grid> 

Answer 1

:

1. 은 여백 명시 적 경로의 높이를 설정
2. 제거 ("22"당신이 무엇을 아주 가까이있다).

삼각형의 그림자가 잘리는 것을 방지해야합니다.

다음은 그의 XAML의 :

<Grid Height="50" Width="60" > 
<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="20" /> 
     <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 
    <Rectangle Grid.Column="1" Stroke="Black" Fill="White" > 
     <Rectangle.Effect> 
      <DropShadowEffect Opacity="0.5" ShadowDepth="4" BlurRadius="10" /> 
     </Rectangle.Effect> 
    </Rectangle> 
    <Path Fill="White" Stretch="Fill" Stroke="Black" HorizontalAlignment="Left" 
     Data="M44.386378,164.8791 L22.983157,171.42119 44.713478,176.58567" Width="23.167" Height="22"> 
     <Path.Effect> 
      <DropShadowEffect BlurRadius="10" Opacity="0.5" ShadowDepth="4" /> 
     </Path.Effect> 
    </Path> 
</Grid> 

Answer 2

문제는 그림자에 두 개의 구성 요소 각각을 인 . 그림자가 멋지게 결합 ​​할 것으로 기대할 수는 없습니다. '흐림'은 각 요소에 개별적으로 적용됩니다. 직사각형과 삼각형을 하나의 경로로 결합 해보십시오. 예 : 당신의 삼각형에

<Path Fill="White" Stretch="Fill" Stroke="Black" HorizontalAlignment="Left" Margin="0,15,-1,15" 
     Data="M 0,0 L 100,0 L 100,400 L 0,400 L 0,300 L -50, 200 L 0, 100 L 0,0"> 
    <Path.Effect> 
     <DropShadowEffect BlurRadius="10" Opacity="0.5" ShadowDepth="4" /> 
    </Path.Effect> 
</Path>