如何将位图图像更改为矢量路径的

德芙

在Windows Phone 8应用程序中,我使用图标集。这些图标以不同的大小和颜色多次使用。现在,我只有来自同一图标的多个png文件来涵盖所有这些变体。

他如何处理矢量图像?我的最终目标是将矢量路径存储到例如资源文件,并将其用作“图像源”,在我的视图中而不是在资源文件中设置图像大小和颜色。

可以说我有这样的Canvar:

<Canvas Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
    <Path Width="23.75" Height="49.4791" Canvas.Left="26.9167" Canvas.Top="13.8542" Stretch="Fill" Fill="#FF000000" Data="F1 M 26.9167,13.8542L 50.6666,13.8542L 50.6667,39.5833L 26.9167,63.3333L 26.9167,13.8542 Z "/>
</Canvas>

如何将其存储到资源并将其用作图像源?

欢迎所有建议和想法如何处理。

更新

基于Chris W的答案,我得出了以下解决方案:

<Style x:Key="Marker" TargetType="ContentControl">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ContentControl">
                <Canvas Width="76" Height="76">
                    <Path Fill="{TemplateBinding Foreground}" Data="m 26.9167 13.8542 23.7499 0 10e-5 25.7291 -23.75 23.75 0 -49.4791 z"></Path>
                </Canvas>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>


<ContentControl Style="{StaticResource Marker}" Foreground="Red" />

可以,我可以重用Mrker样式并设置其填充颜色。缺少的部分是,我应该如何调整canvas / contetnControl的大小?

现在,画布大小为76 * 76,即使我将输出图像更改为相同大小也是如此。我应该如何调整画布的尺寸?

克里斯·W

问题的第一部分将是重复的,我认为Illustrator或其他套件也可以做到这一点,但是要回答第二个问题,您可以将其放入ContentControl模板中,例如;

<Style x:Key="ReUsableResource" TargetType="ContentControl">
        <Setter Property="Height" Value="49.4791"/>
        <Setter Property="Width" Value="23.75"/>
        <Setter Property="Template">    
          <Setter.Value>
             <ControlTemplate TargetType="ContentControl">
                 <Canvas>
                       <Path Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Stretch="Fill" Fill="#FF000000" Data="F1 M 26.9167,13.8542L 50.6666,13.8542L 50.6667,39.5833L 26.9167,63.3333L 26.9167,13.8542 Z "/>
                 </Canvas>
             </ControlTemplate>
          </Setter.Value>
       </Setter>
    </Style>

然后像这样调用它;

<ContentControl Width="100" Height="50" Style="{StaticResource ReUsableResource}"/>

哦,只是阅读注释,将其从Vector移植到XAML的另一个非常方便的资源是Mike Swanson的Illustrator的XAML导出器插件

希望这可以帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将位图图像更改为矢量路径的

来自分类Dev

如何将图像路径更改为图像标签?

来自分类Dev

如何将劣质位图图像转换为矢量?

来自分类Dev

如何将WordPress中的图像路径更改为PHP中的子域

来自分类Dev

如何将WordPress中的图像路径更改为PHP中的子域

来自分类Dev

如何将 android 代码从压缩位图更改为 reszie 或缩放位图?

来自分类Dev

如何将字体文本更改为SVG路径

来自分类Dev

如何将numpy数组更改为灰度opencv图像

来自分类Dev

如何将链接文本更改为HTML图像

来自分类Dev

如何将“ \”更改为“ /”

来自分类Dev

如何将URI路径添加到位图图像?

来自分类Dev

如何将图像存储在矢量中?

来自分类Dev

单击后如何将已更改的图像更改为另一图像?

来自分类Dev

使用JavaScript单击图像A时,如何将图像B的src更改为图像A的src?

来自分类Dev

使用JavaScript单击图像A时,如何将图像B的src更改为图像A的src?

来自分类Dev

我如何将静态图像视图更改为用户选择的图像

来自分类Dev

我如何将静态图像视图更改为用户选择的图像

来自分类Dev

如何将位图图像转换为mat图像

来自分类Dev

如何将位图图像转换为Emgu图像?

来自分类Dev

如何将位图图像转换为Mat图像

来自分类Dev

如何将laravel 5.3中的存储路径更改为公开?

来自分类Dev

如何将wordpress中的下载URL路径更改为www.yoursite.com/download?

来自分类Dev

通过别名导航到路由器时,如何将URL更改为路径?

来自分类Dev

如何将所有符号链接更改为新路径

来自分类Dev

如何将默认路径更改为Sublime Text首选项?

来自分类Dev

如何将syslog文件的路径从/ var / log更改为/ opt / log?

来自分类Dev

如何将 base_url() 路径从本地主机更改为托管站点?

来自分类Dev

apache/httpd 目录路径更改后如何将部分url从大写改为小写

来自分类Dev

如何将matplotlib路径对象转换为位图?

Related 相关文章

  1. 1

    如何将位图图像更改为矢量路径的

  2. 2

    如何将图像路径更改为图像标签?

  3. 3

    如何将劣质位图图像转换为矢量?

  4. 4

    如何将WordPress中的图像路径更改为PHP中的子域

  5. 5

    如何将WordPress中的图像路径更改为PHP中的子域

  6. 6

    如何将 android 代码从压缩位图更改为 reszie 或缩放位图?

  7. 7

    如何将字体文本更改为SVG路径

  8. 8

    如何将numpy数组更改为灰度opencv图像

  9. 9

    如何将链接文本更改为HTML图像

  10. 10

    如何将“ \”更改为“ /”

  11. 11

    如何将URI路径添加到位图图像?

  12. 12

    如何将图像存储在矢量中?

  13. 13

    单击后如何将已更改的图像更改为另一图像?

  14. 14

    使用JavaScript单击图像A时,如何将图像B的src更改为图像A的src?

  15. 15

    使用JavaScript单击图像A时,如何将图像B的src更改为图像A的src?

  16. 16

    我如何将静态图像视图更改为用户选择的图像

  17. 17

    我如何将静态图像视图更改为用户选择的图像

  18. 18

    如何将位图图像转换为mat图像

  19. 19

    如何将位图图像转换为Emgu图像?

  20. 20

    如何将位图图像转换为Mat图像

  21. 21

    如何将laravel 5.3中的存储路径更改为公开?

  22. 22

    如何将wordpress中的下载URL路径更改为www.yoursite.com/download?

  23. 23

    通过别名导航到路由器时,如何将URL更改为路径?

  24. 24

    如何将所有符号链接更改为新路径

  25. 25

    如何将默认路径更改为Sublime Text首选项?

  26. 26

    如何将syslog文件的路径从/ var / log更改为/ opt / log?

  27. 27

    如何将 base_url() 路径从本地主机更改为托管站点?

  28. 28

    apache/httpd 目录路径更改后如何将部分url从大写改为小写

  29. 29

    如何将matplotlib路径对象转换为位图?

热门标签

归档