如何在 WPF 窗口中设置 webview2 的圆角半径

Question

在我的 WPF 应用程序的窗口中，我添加了一个 webview2 并尝试使其边框变圆。

<Window x:Class="Webview2Experiment.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:Webview2Experiment"
    xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="400"
    WindowStyle="None"
    AllowsTransparency="True"
    Background="Transparent">
<Border Background = "White"
        Opacity = ".01"
        Margin="0,0,0,0"
        Width="400"
        CornerRadius="22">
    <wv2:WebView2 Name = "webView2" 
                  Width="400"
                  Height="450"
                  />
</Border>

设置 Border 的 cornerRadius 属性没有帮助。虽然 边框 是圆角的，但在尖角处可以看到 webview 内容。

我还尝试在父窗口中设置 cornerRadius 并在窗口和边框中剪辑内容。每次容器都是圆形的，但 Web 内容在锐边周围可见。

那么，是否有可能从 WPF 客户端达到预期的效果，以及如何做到这一点？

Answer 1

目前似乎不支持。也许你可以打开一个指向this comment的功能请求。