<Rust><iced>基于rust使用iced构建GUI实例:如何将svg格式转为ico格式图片?

前言
本专栏是Rust实例应用。
在这里插入图片描述

环境配置
平台:windows
软件:vscode
语言:rust
库:iced、iced_aw

概述
本文是专栏第4篇实例,依旧是一个图像格式转换程序,基于rust的svg库resvg、图像处理库image以及文件处理库rfd。
流程是先用resvg获取svg图片的数据并将其转为png数据格式,然后利用image库将png数据格式转为ico格式。
系列博客链接
1、<Rust><iced>基于rust使用iced库构建GUI实例:动态改变主题色
2、<Rust><iced>基于rust使用iced库构建GUI实例:图片的格式转换程序
3、<Rust><iced><resvg>基于rust使用iced构建GUI实例:使用resvg库实现svg转png

本篇内容:
1、svg转icon

程序结构介绍

我们了解到可以使用resvg库来获取svg图片的数据并对其进行转换,我们使用encode_png函数来将获取的svg数据转为png格式数据:

let mut opt=resvg::usvg::Options::default();      
    opt.resources_dir=std::fs::canonicalize(svgpath)
                                 .ok()
                                 .and_then(|p| p.parent().map(|p| p.to_path_buf()));
    opt.fontdb_mut().load_system_fonts();
    let svgdata=std::fs::read(svgpath).unwrap();
    let tree=resvg::usvg::Tree::from_data(&svgdata,&opt).unwrap();
    let pixmap_size = tree.size().to_int_size();
    let mut pixmap = resvg::tiny_skia::Pixmap::new(pixmap_size.width(), pixmap_size.height()).unwrap();
    resvg::render(&tree, resvg::tiny_skia::Transform::default(), &mut pixmap.as_mut());
    //pixmap.save_png(destimgpath).unwrap();
    let pp=pixmap.encode_png().unwrap();

如上,pp为Vec< u8>即图片被转为字节数组,这样一来,我们就可以使用image库对其进行处理了。
image处理字节数组:
在这里插入图片描述

let img=eximg::io::Reader::new(Cursor::new(pp))  
                                    .with_guessed_format()?.decode()?;

如此,svg数据已经被转为了image下的DynamicImage数据了,现在,我们可以将其随意转为其他格式,image支持一下格式:
在这里插入图片描述
我们只需要使用其save指令即可:

img.save(outicon).unwrap(); 

当然也包括ico格式。只是需要注意,如果要转为jpeg,需要丢掉透明度,要转为ico,尺寸不能大于256。

综上,我们实现svg转ico的过程,是利用了中间数据Vec< u8>,这是对图片基础数据的操作。

完整代码

resvgpro.rs

///
/// svg转png     
/// 
pub fn svgtopng(
    svgpath: &str,
    destimgpath: &str,
)-> Result<(), eximg::ImageError>
{
    let mut opt=resvg::usvg::Options::default();
    opt.resources_dir=std::fs::canonicalize(svgpath)
                                 .ok()
                                 .and_then(|p| p.parent().map(|p| p.to_path_buf()));
    opt.fontdb_mut().load_system_fonts();

    let svgdata=std::fs::read(svgpath).unwrap();
    let tree=resvg::usvg::Tree::from_data(&svgdata,&opt).unwrap();
    let pixmap_size = tree.size().to_int_size();
    let mut pixmap = resvg::tiny_skia::Pixmap::new(pixmap_size.width(), pixmap_size.height()).unwrap();
    resvg::render(&tree, resvg::tiny_skia::Transform::default(), &mut pixmap.as_mut());
    pixmap.save_png(destimgpath).unwrap();
    let pp=pixmap.encode_png().unwrap();
    let img=eximg::io::Reader::new(Cursor::new(pp))
                                        .with_guessed_format()?.decode()?;
    img.save("..\\gui-serial\\out2024.png").unwrap();
    Ok(())
}

pub fn svgtoico(
    svgpath:&str,
    outicon:&str,
) ->Result<(), eximg::ImageError>
{
    let mut opt=resvg::usvg::Options::default();
    opt.resources_dir=std::fs::canonicalize(svgpath)
                                 .ok()
                                 .and_then(|p| p.parent().map(|p| p.to_path_buf()));
    opt.fontdb_mut().load_system_fonts();
    let svgdata=std::fs::read(svgpath).unwrap();
    let tree=resvg::usvg::Tree::from_data(&svgdata,&opt).unwrap();
    let pixmap_size = tree.size().to_int_size();
    let mut pixmap = resvg::tiny_skia::Pixmap::new(pixmap_size.width(), pixmap_size.height()).unwrap();
    resvg::render(&tree, resvg::tiny_skia::Transform::default(), &mut pixmap.as_mut());
    //pixmap.save_png(destimgpath).unwrap();
    let pp=pixmap.encode_png().unwrap();
    let img=eximg::io::Reader::new(Cursor::new(pp))
                                    .with_guessed_format()?.decode()?;
 
    img.save(outicon).unwrap();
                    
    Ok(())
}
动态演示

稍后添加

  • 11
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

机构师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值