如何在WPF 3d中制作非模糊图像

时间:2010-04-21 07:44:03

标签: .net wpf image 3d

我使用Viewport3DModelVisual3D创建了一个带图像的简单ImageBrush(我用JPG,PNG尝试过),但它显示图像模糊,但原始图像非常清晰明了

我不知道如何用3D的原始质量制作它......

我还尝试了一些像RenderOptions.BitmapScalingModeSnapsToDevicePixels这样的2D解决方案,但似乎无法解决3D案例中的问题。

有没有人遇到过这个问题或知道解决方案?

下面是示例代码:

<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    
Title="Window6" Height="600" Width="600">

<Window.Resources>
    <MeshGeometry3D x:Key="Card1" Positions="-0.67,1,0 -0.67,-1,0 0.67,-1,0 0.67,1,0"
        TextureCoordinates="0,0 0,1 1,1 1,0" TriangleIndices="0 1 2 0 2 3" />
</Window.Resources>
<DockPanel Height="600" Width="600">
    <Viewport3D Width="415.67" x:Name="viewport" Margin="0,23.363,0,64.363" DockPanel.Dock="Left">
        <Viewport3D.Camera>
            <PerspectiveCamera x:Name="perCamera" x:Uid="perCamera" FieldOfView="60" Position="0,0,5" />
        </Viewport3D.Camera>
        <ModelVisual3D>
            <ModelVisual3D.Content>
            <Model3DGroup >
                <GeometryModel3D Geometry="{StaticResource Card1}">
                    <GeometryModel3D.Material>
                        <DiffuseMaterial>
                            <DiffuseMaterial.Brush>
                                <ImageBrush ImageSource="images\card.png"/>
                            </DiffuseMaterial.Brush>
                        </DiffuseMaterial>
                    </GeometryModel3D.Material>
                </GeometryModel3D>
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
        <!-- light -->
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <DirectionalLight Color="#FFFFFFFF" Direction="0,0,-1"/>
            </ModelVisual3D.Content>
        </ModelVisual3D>

    </Viewport3D>
</DockPanel>

2 个答案:

答案 0 :(得分:2)

大多数图形硬件要求纹理的大小为2的幂(例如512x512像素)。猜测一下,WPF首先将你的图片大小“调整”为2的幂,然后将结果缩放到你需要的大小。从2的幂缩放到所需的目标大小通常使用强调速度而不是质量的算法来完成(除非你做一些其他的指定,否则我没有看到上面的内容)。

为了测试这个假设,我创建了一个尺寸均为2的幂的图形,然后我将以完全原始的分辨率显示它。如果这是问题的根源,这应该最小化(甚至消除)问题。

答案 1 :(得分:1)

对Image元素使用UseLayoutRounding="True"属性。