首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用矢量图像作为图像源。WPF,C#

使用矢量图像作为图像源。WPF,C#
EN

Stack Overflow用户
提问于 2018-02-02 17:04:50
回答 2查看 4.2K关注 0票数 1

我正在做一个包含大量图片的项目。问题是,就像标题说的,我必须将所有矢量图像转换成png,然后才能将它们用作图像源。

我有用插画制作的矢量图像。我把它们放在.ai项目文件中,接下来该怎么做?

我的目标是能够做到这一点:

代码语言:javascript
运行
复制
<Image Width="70" Height="70" Source="MyVectorImage"/>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-02-02 17:40:20

您可以使用DrawingImage作为图像的源。DrawingImage使用几何(即矢量图形)代替位图。

代码语言:javascript
运行
复制
<Image>
    <Image.Source>
        <DrawingImage>
            <DrawingImage.Drawing>
                <GeometryDrawing>
                    <GeometryDrawing.Pen>
                        <Pen Thickness="2" Brush="Black"/>
                    </GeometryDrawing.Pen>
                    <GeometryDrawing.Geometry>
                        <RectangleGeometry Rect="100,100,100,100"/>
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
            </DrawingImage.Drawing>
        </DrawingImage>
    </Image.Source>
</Image>

当然,还可以将Source属性绑定到类型为ImageSource的视图模型属性,该属性包含将从原始向量数据创建的DrawingImage。

票数 1
EN

Stack Overflow用户

发布于 2018-06-01 16:16:55

如果要将ImageSource从几何路径映像获取到cs文件中,可以将drawingImage放入资源文件:Icons.xaml

代码语言:javascript
运行
复制
<DrawingImage x:Key="hazelnut">
    <DrawingImage.Drawing>
        <DrawingGroup>
            <GeometryDrawing Brush="Black">
                <GeometryDrawing.Geometry>
                    <GeometryGroup>
                        <PathGeometry Figures="M 16.6309,18.6563C 17.1309,8.15625 29.8809,14.1563 29.8809,14.1563C 30.8809,11.1563 34.1308,11.4063 34.1308,11.4063C 33.5,12 34.6309,13.1563 34.6309,13.1563C 32.1309,13.1562 31.1309,14.9062 31.1309,14.9062C 41.1309,23.9062 32.6309,27.9063 32.6309,27.9062C 24.6309,24.9063 21.1309,22.1562 16.6309,18.6563 Z M 16.6309,19.9063C 21.6309,24.1563 25.1309,26.1562 31.6309,28.6562C 31.6309,28.6562 26.3809,39.1562 18.3809,36.1563C 18.3809,36.1563 18,38 16.3809,36.9063C 15,36 16.3809,34.9063 16.3809,34.9063C 16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z ">
                            <PathGeometry.Transform>
                                <TransformGroup>
                                    <ScaleTransform
                                        CenterX="23"
                                        CenterY="20"
                                        ScaleX="0.45"
                                        ScaleY="0.45" />
                                </TransformGroup>
                            </PathGeometry.Transform>
                        </PathGeometry>
                    </GeometryGroup>
                </GeometryDrawing.Geometry>
            </GeometryDrawing>
        </DrawingGroup>
    </DrawingImage.Drawing>
</DrawingImage>

然后加上你的App.xaml

代码语言:javascript
运行
复制
<Application.Resources>
    <ResourceDictionary>

        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/Resources/Icons.xaml"/>
        </ResourceDictionary.MergedDictionaries>

    </ResourceDictionary>
</Application.Resources>

并在cs文件中使用它,如:

代码语言:javascript
运行
复制
    ImageSource image = ResourcePathToImageSource("hazelnut");


    private ImageSource ResourcePathToImageSource(string resourcesName)
    {
        return (DrawingImage)Application.Current.TryFindResource(resourcesName);
    }
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48587564

复制
相关文章

相似问题

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