首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Viewbox和Canvas的低质量矢量缩放-如何提高质量?

使用Viewbox和Canvas的低质量矢量缩放-如何提高质量?
EN

Stack Overflow用户
提问于 2016-07-15 14:14:34
回答 1查看 325关注 0票数 2

我在200x200视图框中设计了一个全矢量 Progressbar,如下图所示。完成后,我花了大量的时间在它上,我将查看框缩放到50x50,然后我看到它的质量很低。

代码语言:javascript
复制
<Viewbox Width="200" Height="200">
    <Canvas Width="200" Height="200">
        <Canvas>
            <Canvas.Effect>
                <BlurEffect Radius="20"/>
            </Canvas.Effect>
            <local:Arc .../>
            <local:Arc .../>
        </Canvas>
        <local:Arc .../>
        <local:Arc .../>
        <local:Arc .../>
        <local:Arc .../>
        <TextBlock .../>
    </Canvas>
</Viewbox>

>>>

我想这也许是平常的事,但是当Photoshop用双线性插值(最近邻里之后最简单的插值)将其缩放到25%时,我知道它是WPF的傻瓜!

是否有一种方法来缩放矢量设计的优质的使用Viewbox?

我知道RenderOptions.BitmapScalingMode="HighQuality"UseLayoutRounding="True"可以提高图像质量,但对于矢量不能。

我希望会有这样的事情:RenderOptions.VectorScalingMode="HighQuality"

EN

回答 1

Stack Overflow用户

发布于 2022-09-15 12:03:30

通过使用以下设置,您可以稍微提高矢量图像的绘制质量(至少对于低分辨率):

代码语言:javascript
复制
<Style.Setters>
 <Setter Property="RenderOptions.BitmapScalingMode" Value="HighQuality" />
 <Setter Property="RenderOptions.EdgeMode" Value="Aliased" />
 <Setter Property="CacheMode">
  <Setter.Value>
   <BitmapCache SnapsToDevicePixels="True" RenderAtScale="2" />
  </Setter.Value>
 </Setter>
</Style.Setters>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38398332

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档