首页 > 其他分享 >WPF svg转path(快速生成Path代码的方法)

WPF svg转path(快速生成Path代码的方法)

时间:2023-08-03 17:12:18浏览次数:27  
标签:svg 代码 美工 path Path WPF

在使用WPF的Path作图时,我们可能会拿到美工出的一些比较复杂的图,今天查阅网上发现svg是可以自动转path的,特作记录。

github:https://github.com/BerndK/SvgToXaml

 

 

 

 

设置途中项目为启动项目,然后点击svg图片

 你是不是以为复制上面的M0,0一直到Z就OK了!那,我就不会写这篇文章了。

其实坑就坑在svg上,如果向上面两种svg都是由矩形堆起来做的,那么你是没办法解析为一个完整的path的。

说人话就是像这样的图可以直接被完整的解析为path:

code:

<Path Data="M263.577601 776.630449a242.559588 242.559588 0 0 1 138.417007-218.124973L483.818959 
              23.36268a27.485506 27.485506 0 0 1 54.283873 0l81.824351 535.142796a242.559588 242.559588 
              0 0 1 138.417006 218.124973 247.369551 247.369551 0 0 1-494.739102 0z"/>

这张图的svg代码是:

<svg t="1691051036795" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6853" width="64" height="64">
<path d="M263.577601 776.630449a242.559588 242.559588 0 0 1 138.417007-218.124973L483.818959 23.36268a27.485506 27.485506 0 0 1 54.283873 0l81.824351 535.142796a242.559588 242.559588
0 0 1 138.417006 218.124973 247.369551 247.369551 0 0 1-494.739102 0z" p-id="6854"></path></svg>

 

 那么这时候你有两种选择,一是找美工在要一个像上图那样一笔画成的svg图片

二是去阿里图标库找一个

 亲试,他们的图标基本都是一笔做成的,说人话就是可以直接被转化为一个完整的path(如果使用阿里图标库的,直接使用他界面上的复制svg代码即可,无需使用上述工具了)

 

后来在我的央求下,,,美工小姐姐给了新图。

 

(不知为何,看了这图莫名其妙想笑)

 

(让我无语五分钟)

,,,

 

 以文本文件打开其实也行,,,白折腾了二十分钟。。。

 

最后,,,祝大家画图顺利(毕竟WPF的Path作图挺恶心的)

标签:svg,代码,美工,path,Path,WPF
From: https://www.cnblogs.com/jyj666/p/17603856.html

相关文章

  • svg图标不变色的原因和解决方法
    原因:svg图标上有一个 fill 属性影响解决方法:方法1:1.svg标签上修改fill属性为 fill="currentColor"2. path标签清空fill属性1<svgwidth="16"height="16"viewBox="001616"fill="currentColor"xmlns="http://www.w3.org/2000/s......
  • vue2项目中引入svg图标
    vue版本  vue:"^2.6.11"1.下载对应的svg依赖npminstallsvg-sprite-loader--save-dev2.创建svgIcon文件夹文件夹下对应3个文件svg文件夹:存放svg文件index.js文件:vue挂载svgindex.vue文件:封装的svg文件 3.index.js文件全局挂载到vue上1importVue......
  • java报错:unable to find valid certification path to requested target
    问题发现unabletofindvalidcertificationpathtorequestedtarget当我使用java代码访问某个URL的时候,报了这个错误,经过查询发现需要安装证书到java环境,所以记录一下。下载证书我使用的是chrome浏览器,点击地址栏左边小锁,选择第一个选项。然后选择证书有效。在弹出的......
  • fs 、 path 模块
    fs读取文件模块letoldtext=''//读取fs.readFile(__dirname+'/input.txt','utf-8',(err,text)=>{if(err){returnconsole.log(err)}oldtext=textconsole.log(text)})//写fs.writeFile(__dirname+'/input.......
  • PHPGD库如何使用SVG格式进行图像处理
    使用PHPGD库进行图像处理是PHP编程开发中常用的技术,而将其与SVG格式结合使用可以使图像处理更加灵活、高效和美观。本篇文章将围绕PHPGD库如何使用SVG格式进行图像处理展开探讨。一、什么是SVG格式?PHPGD库如何使用SVG格式进行图像处理SVG是可缩放矢量图形(ScalableVectorGra......
  • ThroughPath
    [ABC187E]ThroughPath思路我们考虑利用dfs序将树转换成一个序列(树链剖分中的一小部分),如下图所示:图上的括号里有两个参数,第一个参数\(in_u\)就是所谓的dfs序,而后面的\(out_u\)则是这个点为根的子树中dfs序最大的点的dfs序。这两个参数对应的就是以某个点为根的......
  • 关于安装python包执行setup.py文件报错类似提示line 155 warnings.warn(f'Cannot copy
    首先可以确定世python语法问题,一般来说python3.6以后字符串使用f是没有问题的,后来发现问题所在,原来我安装好python以后,没有将python命令软连接到python3,导致python命令其实一直是使用的python2,所以才会有这样的问题。所以,当python3安装好以后,一定要重新指向软连接,还有pip3,也要指向......
  • Centos 7安装k8s 报hostPath type check failed:/sys/fs/bpf is not a direcctory错误
    原创文档编写不易,未经许可请勿转载。文档中有疑问的可以邮件联系我。邮箱:[email protected]说明Centos7系列操作系统在安装k8s时可能会遇到hostPathtypecheckfailed:/sys/fs/bpfisnotadirecctory错误,该问题为内核版本过低导致的。/sys/fs/bpf在4.4版本中的内核中才有,对......
  • 使用clip-path将 GIF 绘制成跳动的字母
    前言之前看到过一个有趣的CSS效果,今天我们也来实现一遍,将动图GIF通过clip-path绘制成一个个跳动的字母。效果如下:GIF随便找的,嗯?这不是重点,重点是下面的实现过程,别被GIF吸引了。如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注前端南玖第一时间获取最新文章~绘......
  • Atcoder ABC259H Yet Another Path Counting
    首先可以想到有组合数的方法:令起点为\((x1,y1)\),终点为\((x2,y2)\),则路径方案数就为\(\binom{x2+y2-x1-y1}{x2-x1}\),这样设有\(k\)个相同颜色的点,时间复杂度就为\(O(k^2)\)。再考虑到还有\(\text{DP}\)方法:令\(f_{x,y}\)为走到\((x,y)\)的方案数,不限制......