带有 svg 图像的 MahApps 按钮图标

如何解决带有 svg 图像的 MahApps 按钮图标

我在我的 WPF 应用程序中使用 MahApps.Metro。在我的 MetroWindow 的标题栏中，我显示了一个 from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver import ActionChains from selenium.webdriver.support.ui import webdriverwait from selenium import webdriver url = "http://websitethatyouwanttoscrape.com" driver = webdriver.Firefox() driver.get(url) wait = webdriverwait(driver,10) button = wait.until(EC.element_to_be_clickable((By.ID,'free_button_form_button'))) ActionChains(driver).click(button).perform() 图像图标，如下所示。在svg的{​​{3}}中，当我使用svg data属性值为黑色（Fill）时，图标看起来不错（如下图1所示）。但是由于我想保留标题栏的默认背景（即蓝色），带有黑色填充的图标（如预期）不是很引人注目。但是如果使用Fill="Black"，图标的字母Fill="White"和T会有点暗（不太亮）——如下图2所示。 问题：有什么办法可以使 svg 图像（下图 2）的文本 X 更亮，有什么建议/解决方案吗？

备注：点击以下图片可以让您更好地查看（从而更好地理解问题）。

什么时候 TeX：

Path Markup

什么时候 <Path Fill="Black" Data="{StaticResource buttonSvg}"/>：

MainWindow.xaml：

<Path Fill="White" Data="{StaticResource buttonSvg}"/>

更新：

该应用与其他按钮上的其他图标没有任何问题，并且它们与用户 <mah:MetroWindow x:Class="WpfApp2.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:mah="http://metro.mahapps.com/winfx/xaml/controls" xmlns:converters="http://metro.mahapps.com/winfx/xaml/shared" mc:Ignorable="d" Height="450" Width="800"> <mah:MetroWindow.Resources> <Geometry x:Key="buttonSvg"> M507.712 311.74c-7.903 0-13.493-0.757-16.772-2.27s-6.599-4.456-9.962-8.827l-62.298-89.284 39.85-57.757c3.363-4.54 7.945-8.66 13.746-12.358s15.343-5.549 28.627-5.549v-8.828h-68.855v8.828c5.549 0 9.878 1.387 12.989 4.161s4.666 5.843 4.666 9.206c0 1.177-0.084 2.312-0.252 3.405s-0.841 2.228-2.018 3.405l-33.293 48.93-37.832-55.74-1.135-1.387c0 0-0.378-0.967-1.135-2.9 0-2.354 1.598-4.456 4.792-6.305s7.567-2.774 13.115-2.774v-8.828h-80.205v8.828h4.54c7.735 0 13.536 0.673 17.403 2.018s6.894 3.699 9.080 7.062l53.47 79.952-46.66 69.108c-2.186 3.363-6.18 7.188-11.981 11.476s-15.932 6.432-30.392 6.432v8.827h16.413c-3.319 17.739-7.947 31.114-13.892 40.103-6.894 10.425-22.531 15.637-46.913 15.637h-37.833c-6.726 0-10.635-0.757-11.728-2.27s-1.639-4.456-1.639-8.827v-75.917h24.465c13.284 0 21.774 2.522 25.474 7.567s5.549 13.704 5.549 25.978h6.81v-75.665h-6.81c0 12.274-1.555 20.892-4.666 25.852s-11.896 7.44-26.357 7.44h-24.465v-69.108c0-4.372 0.547-7.315 1.639-8.827s5.002-2.27 11.728-2.27h35.563c22.195 0 36.445 4.287 42.75 12.863s10.635 22.868 12.989 42.877h6.558l-8.827-64.567h-129.294l-4.381-62.298h-175.795l-4.54 64.567h6.558c2.354-23.372 6.222-38.505 11.602-45.399s18.664-10.341 39.85-10.341h15.386c3.363 0 5.338 1.009 5.927 3.026s0.883 4.708 0.883 8.071v149.313c0 4.372-1.219 7.692-3.657 9.962s-10.888 3.405-25.348 3.405h-13.367v8.827h106.94v-8.827h-9.080c-14.46 0-22.868-1.135-25.221-3.405s-3.531-5.591-3.531-9.962v-149.313c0-3.363 0.168-5.759 0.504-7.188s1.597-2.732 3.784-3.91h15.638c21.186 0 34.469 3.447 39.85 10.341 5.202 6.666 8.907 21.058 11.123 43.129h-21.968v8.827h6.558c11.266 0 17.823 0.841 19.673 2.522s2.774 5.297 2.774 10.845v149.313c0 5.549-0.925 9.164-2.774 10.846s-8.407 2.522-19.673 2.522h-6.558v8.827h164.697l9.763-64.567h48.247v-8.827c-6.726 0-11.392-1.682-13.998-5.045s-3.909-6.137-3.909-8.323c0-1.177 0.084-2.312 0.252-3.405s0.841-2.228 2.017-3.405l40.103-60.028 44.39 69.107c0 1.009 0.378 1.598 1.135 1.765l1.135 0.252c0 2.354-1.555 4.456-4.666 6.305s-7.44 2.774-12.989 2.774v8.827h79.952v-8.827h-4.288z </Geometry> <Style x:Key="Styles.WindowCommands.Custom" BasedOn="{StaticResource MahApps.Styles.WindowCommands}" targettype="{x:Type mah:WindowCommands}"> <Style.Resources> <ResourceDictionary> <Style BasedOn="{StaticResource MahApps.Styles.Button.WindowCommands}" targettype="{x:Type Button}"> <Setter Property="Opacity" Value="1" /> </Style> </ResourceDictionary> </Style.Resources> </Style> </mah:MetroWindow.Resources> <mah:MetroWindow.RightwindowCommands> <mah:WindowCommands Style="{StaticResource Styles.WindowCommands.Custom}"> <Button ToolTip="TeX icon test"> <ViewBox Width="22" Height="22" Stretch="Fill"> <Path Fill="White" Data="{StaticResource buttonSvg}"/> </ViewBox> </Button> </mah:WindowCommands> </mah:MetroWindow.RightwindowCommands> <Grid> </Grid> </mah:MetroWindow>

提供的样式（如上所示）配合得很好。图像的暗淡似乎与其 svg 数据更相关。我在想可能有一种解决方法可以让它看起来更亮。或者，可能对 svg 有更好了解的人可以找到更好的 svg 或修改现有的 svg。

解决方法

嗨，我不能确定它是矢量图像，但我感觉它与渲染模式有关，尝试将位图缩放选项设置为最近邻或高质量

.lang-menu-item
  cursor: pointer
  &:hover
    background-color: var(--v-primaryBG-base)