Make text more visible when blurring an image
This is how I do Blur:
await BlurBackround.Blur(value: 7, duration: 10, delay: 0).StartAsync();
This is how it looks:
The problem lies in the white elements of the image. Is this any way to make the image darker before blurring, or to make the text letters black borders?
+3
K. Kempski
source
to share
2 answers
A common pattern for providing visible text over an image is to apply a solid black color layer with 0.2-0.3 opacity between the text and image components.
+8
AlexDrenea
source
to share
Try adding a shadow.? This helps add some contrast between the text and the background. This post shows how to do it in xaml -> post
+2
Ben webb
source
to share