Skip to content

Commit

Permalink
Edits.
Browse files Browse the repository at this point in the history
  • Loading branch information
davidbritch committed Nov 27, 2024
1 parent 74e5ad3 commit db6c41d
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion docs/user-interface/brushes/gradient.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,6 @@ The following XAML example creates a diagonal <xref:Microsoft.Maui.Controls.Line

The color of each point between gradient stops is interpolated as a combination of the color specified by the two bounding gradient stops. The following diagram shows the gradient stops from the previous example:

:::image type="content" source="media/gradient/gradient-stops.png" alt-text="Screenshot of a Frame painted with a diagonal LinearGradientBrush." border="false":::
:::image type="content" source="media/gradient/gradient-stops.png" alt-text="Screenshot of a Border painted with a diagonal LinearGradientBrush." border="false":::

In this diagram, the circles mark the position of gradient stops, and the dashed line shows the gradient axis. The first gradient stop specifies the color yellow at an offset of 0.0. The second gradient stop specifies the color red at an offset of 0.25. The points between these two gradient stops gradually change from yellow to red as you move from left to right along the gradient axis. The third gradient stop specifies the color blue at an offset of 0.75. The points between the second and third gradient stops gradually change from red to blue. The fourth gradient stop specifies the color lime green at an offset of 1.0. The points between the third and fourth gradient stops gradually change from blue to lime green.
2 changes: 1 addition & 1 deletion docs/user-interface/brushes/lineargradient.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ A linear gradient brush's gradient stops are positioned along the gradient axis.

The `StartPoint` and `EndPoint` properties are relative to the area being painted. (0,0) represents the top-left corner of the area being painted, and (1,1) represents the bottom-right corner of the area being painted. The following diagram shows the gradient axis for a diagonal linear gradient brush:

:::image type="content" source="media/lineargradient/gradient-axis.png" alt-text="Frame with a diagonal gradient axis." border="false":::
:::image type="content" source="media/lineargradient/gradient-axis.png" alt-text="Screenshot of a Border with a diagonal gradient axis." border="false":::

In this diagram, the dashed line shows the gradient axis, which highlights the interpolation path of the gradient from the start point to the end point.

Expand Down

0 comments on commit db6c41d

Please sign in to comment.