背景

之前开发wpf项目的时候,就遇到一个问题,在一个指定区域内要显示一个不规则的图形(纯色的),公司有现成的png资源(只有一张),需要支持变色,于是导入的资源就特别多了,每种颜色都p一张,作为图片资源来刷新界面。
图片转xaml
如这张图:我需要将里面的颜色变换几十种(红色,绿色,蓝色…)。耗时又耗力。

需求

听说后面需要添加很多区域,变换更多的图形和颜色,于是就想利用wpf的path来实现,只需修改path的Fill属性就可轻松实现变色,于是就自己做了一个,使用.NET4.0WPF开发,效果还不错,分享给大家。

效果

1.导入图片

图片转xaml

2.图片灰度化

图片转xaml
可以调节RGB分量,选取指定颜色的那部分,然后通过灰度值过滤,选取目标图形。

3.特征点提取

图片转xaml
通过穿透,提取图形轮廓特征点。

4.路径提取

图片转xaml
程序将自动提取路径,当某个点的绘制方向识别到2个以上时,需要人工确认。
蓝色表示当前点,绿色是可以选择的点,与预览图一致。预览图中的红线是绘制的路径方向。

5.路径查看与优化

图片转xaml
下面进行路径连接点优化
图片转xaml
将其中重合的点去掉了

6.路径的组合显示

图片转xaml
生成了路径path。
有了连接点队列,后面很好拓展生成SVG图片或者xml等。
下载地址
https://download.csdn.net/download/haibao1755762700/10950346

相关文章:

  • 2021-07-01
  • 2021-08-21
  • 2021-12-13
  • 2021-11-29
  • 2021-11-29
  • 2021-12-31
  • 2022-01-07
猜你喜欢
  • 2021-12-23
  • 2021-11-09
  • 2021-09-13
  • 2021-12-24
  • 2021-12-09
  • 2021-10-27
  • 2021-12-12
相关资源
相似解决方案