Universal Windows Platform (UWP)
A Microsoft platform for building and publishing apps for Windows desktop devices.
2,991 questions
How to make transparent rectangle in the middle of Image Control?
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(38.4, 82%, 13%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ES%3C/text%3E%3C/svg%3E)
SmilingMoon
981
Reputation points
I have regular image control showing a image.
<Image x:Name="imgWithHole" Source="/Assets/Images/landscape.png" width="1000" height="1000"></Image>
I need to make hole in rectangle: this area become transparent and user can see the background through the hole.
How can I make it happen easily?
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(179.20000000000002, 21%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYG%3C/text%3E%3C/svg%3E)
Yan Gu - MSFT 2,676 Reputation points2020-12-02T09:49:42.55+00:00 @SkyKim-0611 You could add a picture with hollow in the middle to a Image control to show background. But currently there is no APIs supporting to make a hole in a Image control manually.
-
SmilingMoon 981 Reputation points
2020-12-06T22:59:31.997+00:00 Thank you! It helps.
Sign in to comment
Sign in to answer