简单图标转xaml代码
工具
- PhotoShopCC(2017)
- Blend 2017
原图
步骤
1,使用钢笔工具勾勒出大致路径
2,将工作路径转为形状路径
3,图层右键->复制SVG
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="1.27cm" height="1.27cm">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287 C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406 L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000 L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406 C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287 L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z"/>
</svg>
4,打开Blend 2017
代码
<WrapPanel VerticalAlignment="Center" ItemHeight="128" ItemWidth="128">
<Viewbox Height="16" Width="16">
<Path Data="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287
C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406
L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000
L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406
C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287
L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z" Fill="Black"/>
</Viewbox>
<Viewbox Height="32" Width="32">
<Path Data="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287
C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406
L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000
L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406
C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287
L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z" Fill="Red"/>
</Viewbox>
<Viewbox Height="64" Width="64">
<Path Data="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287
C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406
L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000
L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406
C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287
L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z" Fill="Green"/>
</Viewbox>
<Viewbox Height="128" Width="128">
<Path Data="M18.383,0.048 C18.383,0.048 9.477,-1.197 7.660,7.697 L7.660,12.287
C7.660,12.287 6.128,13.339 6.128,14.582 C6.128,14.582 5.840,17.116 7.660,18.406 L9.191,18.406
L13.787,24.526 L13.787,26.821 C13.787,26.821 -0.000,29.139 -0.000,33.705 L-0.000,36.000 L36.000,36.000
L36.000,33.705 C36.000,33.705 30.647,26.821 22.213,26.821 L22.213,24.526 C22.213,24.526 25.503,21.351 26.809,18.406
C26.809,18.406 27.295,17.689 29.106,17.641 C29.106,17.641 29.872,16.819 29.872,14.582 C29.872,14.582 30.032,12.930 28.340,12.287
L28.340,7.697 C28.340,7.697 27.790,0.048 18.383,0.048 Z" Fill="Blue"/>
</Viewbox>
</WrapPanel>
效果
简单图标转xaml代码的更多相关文章
- 捕捉WPF应用程序中XAML代码解析异常
原文:捕捉WPF应用程序中XAML代码解析异常 由于WPF应用程序中XAML代码在很多时候是运行时加载处理的.比如DynamicResource,但是在编译或者运行的过程中,编写的XAML代码很可能有 ...
- 【WPF】CAD工程图纸转WPF可直接使用的xaml代码技巧
前言:随着工业化的进一步发展,制造业.工业自动化等多领域,都可能用到上位监控系统.而WPF在上位监控系统方面,应该算是当下最流行的前端框架之一了.而随着监控体系的不断完善与更新迭代,监控画面会变得越来 ...
- [.net 面向对象程序设计进阶] (22) 团队开发利器(一)简单易用的代码管理工具VSS
[.net 面向对象程序设计进阶] (22) 团队开发利器(一)简单易用的代码管理工具VSS 本篇要点:在进阶篇快要结束的时候说说源代码管理器,我们的开发,不是一个人可以完成的事,团队协作很重要,而且 ...
- 经验分享:10个简单实用的 jQuery 代码片段
尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库.今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 您可能感兴趣的相 ...
- 10个简单实用的 jQuery 代码片段
尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库. 今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 1.平滑滚动到 ...
- 简单实用的HTML代码
简单实用的HTML代码 一.HTML各种命令的代码: 1.文本标签(命令) <pre></pre> 创建预格式化文本 <h1></h1> 创建最大的标题 ...
- PHP分页初探 一个最简单的PHP分页代码的简单实现
PHP分页代码在各种程序开发中都是必须要用到的,在网站开发中更是必选的一项. 要想写出分页代码,首先你要理解SQL查询语句:select * from goods limit 2,7.PHP分页代码核 ...
- Hadoop基础-MapReduce入门篇之编写简单的Wordcount测试代码
Hadoop基础-MapReduce入门篇之编写简单的Wordcount测试代码 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 本文主要是记录一写我在学习MapReduce时的一些 ...
- jQuery火箭图标返回顶部代码
在网上找来段使用jQuery火箭图标返回顶部代码,感觉比较酷,比较炫,大概样式如下, 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...
随机推荐
- 小强的HTML5移动开发之路(34)——jQuery中的选择器
一.jQuery是什么? jQuery是由美国人John Resig创建,至今吸引了来自世界各地的众多javascript高手加入其中. jQuery的创始人和技术领袖,目前在Mozilla担任Jav ...
- ospf基本配置协议
OSPF(开放最短路径优先)协议是链路状态路由协议类.对于 IPv4 的 OSPF 当前版本号 OSPFv2,的版本号 John Moy 在 RFC 1247 中引入,并在 RFC 2328 中 ...
- C#写COM组件,JS调用控件
1.c#2005中新建项目,类型为类库,项目名为AddCom确定. 配置:右键点击解决方案资源管理器中的AddCom,选择“属性”,选择“生成”,选择“为COM Interop注册(_P)” 2.打开 ...
- hadoop 3.x 完全分布式集群搭建/异常处理/测试
共计三台虚拟机分别为hadoop002(master,存放namenode),hadoop003(workers,datanode以及resourcemanage),hadoop004(workers ...
- android studio中文乱码各种情况的解决办法
情况一:编辑器内的中文注释乱码. 解决办法:在界面的右下角找到 UTF-8 ,单击之,在弹出的列表中选中GBK 在弹出框内选中Reload 总结:导致这样的原因是你这个.java文件本身是GBK编码的 ...
- 【26.87%】【codeforces 712D】Memory and Scores
time limit per test2 seconds memory limit per test512 megabytes inputstandard input outputstandard o ...
- Android音频输入通道的底层硬件和软件开发分析
Android潜在的发展音频输入通道的软硬件分析 我们都知道耳机Mic集成在一直的那种四段耳机Mic插头是Android设备上比較经常使用.可是也会有分开的情况,比較假设在普通的PC机中装Androi ...
- gdal库中设置prj4库全路径的用法
作者:朱金灿 来源:http://blog.csdn.net/clever101 gdal库实现投影转换之类的功能实际上底层都是调用prj4库的功能.如果gdal使用非静态的方式集成prj4库,实际上 ...
- ListView 泛利
0ListView基本属性 1介绍 Listview节约内存的几种写法 2技巧一:解决ListView的ItemView中带有Button时,OnItemClick无效的问题 3技巧二Listvie ...
- C# 实现生成带二维码的专属微信公众号推广海报
原文:C# 实现生成带二维码的专属微信公众号推广海报 很多微信公众号中需要生成推广海报的功能,粉丝获得专属海报后可以分享到朋友圈或发给朋友,为公众号代言邀请好友即可获取奖励的.海报自带渠道二维码,粉丝 ...