<Rust><iced><resvg>基于rust使用iced构建GUI实例:使用resvg库实现svg转png

前言
本文是使用rust库resvg来将svg图片转为png图片。

环境配置
系统:windows
平台:visual studio code
语言:rust
库:resvg

代码分析

resvg是一个基于rust的svg渲染库,其官方地址:
An SVG rendering library

resvg库的核心是svg的渲染,但本文暂且不关注如何渲染svg,本文关注如何将svg转为png格式,官方有提供演示代码。

本文参考官方示例,将代码稍作修改,并结合rust的文件库rfd,编写一个简单的程序,可以导入svg图片,然后转为png图片,并保存。

首先看一下核心的转换代码:
官方代码:

fn main() {let args: Vec<String> = std::env::args().collect();if args.len() != 3 {println!("Usage:\n\tminimal <in-svg> <out-png>");return;}let tree = {let mut opt = usvg::Options::default();// Get file's absolute directory.opt.resources_dir = std::fs::canonicalize(&args[1]).ok().and_then(|p| p.parent().map(|p| p.to_path_buf()));opt.fontdb_mut().load_system_fonts();let svg_data = std::fs::read(&args[1]).unwrap();usvg::Tree::from_data(&svg_data, &opt).unwrap()};let pixmap_size = tree.size().to_int_size();let mut pixmap = tiny_skia::Pixmap::new(pixmap_size.width(), pixmap_size.height()).unwrap();resvg::render(&tree, tiny_skia::Transform::default(), &mut pixmap.as_mut());pixmap.save_png(&args[2]).unwrap();
}

本地使用时,简单封装成一个函数,如下:

///
/// svg转png
/// 
pub fn svgtopng(svgpath: &str,destimgpath: &str,
)
{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();
}

转换的程序就好了,然后我们结合rust的GUI库iced来编写一个简单的带UI的转换程序,所以,我们还需要添加iced库,看一下toml文件:

[package]
name = "gui-serial"
version = "0.1.0"
edition = "2021"[dependencies]iced={version="0.12.1"}
iced_widget={version="0.12.3",features=[]}
serialport="4.3.0"
clap="4.5.7"image="0.25.1"resvg={version="0.42.0",features=[]}

关于iced以及rfd库的使用,此处不再赘述,可以参考本人的另外的博文:
Rust UI开发(三):iced如何打开图片(对话框)并在窗口显示图片?

我直接把主程序的代码贴在这:

use std::{io::{self,Write}, process::CommandArgs};use eximg::codecs::png;
use imgtoicon::image_to_icon;
use resvg::usvg::filter::Merge;
use serialport::{DataBits,StopBits,Parity};
//use clap::{value_parser, Arg, ArgAction, Command};
mod ser;
mod imgtoicon;
mod resvgpro;
use iced::{Application, Command, Element, Font, Renderer, Settings, Subscription};
use iced_widget::{container,button,text,column,row,svg,image};use rfd::FileDialog;extern  crate resvg;
extern crate image as eximg;#[derive(Debug,Clone)]
enum Message{Cvt,Open,Save,
}
struct Serial{portname:String,baudrate:u32,databits:DataBits,stopbits:StopBits,parity:Parity,timeout:u64,openfile:String,destfile:String,
}
fn main() ->iced::Result {let myicon=imgtoicon::image_to_icon("..\\gui-serial\\img\\mainicon4.png");let myfont="微软雅黑";Serial::run(Settings{id:Some("mw".to_string()),window:iced::window::Settings{size:iced::Size{width:800.0,height:600.0},min_size:Some(iced::Size { width: 200.0, height: 200.0 }),max_size:Some(iced::Size { width: 1000.0, height: 800.0 }),position:iced::window::Position::Specific(iced::Point::new(100.0,100.0)),icon:Some(myicon),level:iced::window::Level::Normal,..Default::default()},default_font:Font::with_name(myfont),..Default::default()})}impl Application for Serial{type Executor = iced::executor::Default;type Message = Message;type Flags = ();type Theme = iced::Theme;fn new(flags: Self::Flags) -> (Self, Command<Self::Message>) {(Self{portname:String::from("COM1"),baudrate:9600,databits:DataBits::Eight,stopbits:StopBits::One,parity:Parity::None,timeout:1000,openfile:String::from(""),destfile:String::from(""),},Command::none())}fn title(&self) -> String {String::from("串口调试工具-rs")}fn update(&mut self, message: Self::Message) -> Command<Self::Message> {match message{Message::Cvt=>{resvgpro::svgtopng(&self.openfile,&self.destfile)}Message::Open=>{if let Some(file)=FileDialog::new().set_title("打开文件").add_filter("svg", &["svg"]).pick_file(){self.openfile=file.display().to_string();}else{println!("打开文件失败")};}Message::Save=>{if let Some(file)=FileDialog::new().set_title("保存文件").add_filter("png", &["png"]).save_file(){let filestr=file.display().to_string();resvgpro::svgtopng(&self.openfile, &filestr);self.destfile=filestr;}else{println!("保存文件失败")};}}Command::none()}fn subscription(&self) -> Subscription<Self::Message> {Subscription::none()}fn view(&self) -> Element<'_, Self::Message, Self::Theme, crate::Renderer> {//let btn1=button("转换").on_press(Message::Cvt);let btn2=button("打开").on_press(Message::Open);let btn3=button("转换并保存").on_press(Message::Save);let svghandle=svg::Handle::from_path(&self.openfile);let pnghandle=image::Handle::from_path(&self.destfile);let col1=column![btn2,text(format!("打开文件路径:{}",&self.openfile)).size(15),btn3,text(format!("保存文件路径:{}",&self.destfile)).size(15),//btn1,row![svg(svghandle).content_fit(iced::ContentFit::Contain).width(300),image(pnghandle).content_fit(iced::ContentFit::Contain).width(300),].padding(5).spacing(20),].padding(5).spacing(5);let cont=container(col1).padding(5);cont.into()}
}

实例演示:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/29542.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在Linux中安装中文编程语言洛书

本次安装使用的VMware中的Ubuntu系统虚拟机&#xff0c;尝试下中文编程。 安装洛书 下载官网&#xff1a;洛书——打造开源高效强大的国产编程语言 官方文档&#xff1a;洛书文档中心 (losu.tech) 点击获取 在终端中安装工具 dpkg和rlwrap&#xff1a; sudo apt install d…

整理好了!2024年最常见 20 道设计模式面试题(三)

上一篇地址&#xff1a;整理好了&#xff01;2024年最常见 20 道设计模式面试题&#xff08;二&#xff09;-CSDN博客 五、适配器模式是如何工作的&#xff1f;请举例说明。 适配器模式&#xff08;Adapter Pattern&#xff09;是一种常用的设计模式&#xff0c;属于结构型模…

常见的浏览器内核有哪些,对浏览器内核的理解。

目录 Trident内核&#xff08;也被称为MSHTML或IE内核&#xff09;&#xff1a; Gecko内核&#xff1a; Webkit内核&#xff1a; Blink内核&#xff1a; Presto内核&#xff1a; 归纳&#xff1a; 最主流的浏览器内核&#xff1a; 对浏览器内核的深入理解&#xff1a; T…

std::shared_mutex 举例

std::shared_mutex 是 C17 引入的一个类型&#xff0c;它允许多个线程同时获取共享锁&#xff08;shared lock&#xff09;&#xff0c;但只允许一个线程独占锁&#xff08;exclusive lock&#xff09;。这样&#xff0c;多个线程可以并发地读取共享数据&#xff0c;但在写入数…

Mysql5.7安装教程(详细图解教程)_mysql5.7下载

本文讲解的是mysql5.7安装包、mysql5.7下载、mysql5.7安装配置教程、离线安装mysql5.7。MySQL 5.7 是 MySQL 数据库的一个重要版本&#xff0c;它引入了许多新特性和改进&#xff0c;旨在提高性能、安全性和易用性。 MySQL 5.7 在所有负载模型上都有显著的性能改进&#xff0c…

简述一下你对html语义化的理解

HTML语义化是指使用HTML标签来明确表示网页内容的含义和结构&#xff0c;而不是仅仅使用它们来呈现样式或布局。以下是关于HTML语义化的分点概述&#xff1a; 增强可读性&#xff1a; 语义化的HTML代码更易于阅读和理解&#xff0c;因为标签的选择反映了内容的意义。这不仅方便…

头歌资源库(10)拼数字

一、 问题描述 二、算法思想 初始化一个长度为10的数组count&#xff0c;用于记录卡片中每个数字的数量。 从1开始依次尝试拼出正整数&#xff0c;直到无法拼出下一个数为止。 对于每个尝试拼出的正整数&#xff0c;遍历其每一位的数字&#xff0c;检查该数字在count中是否还…

中国电力年鉴(2004-2023年)

数据年限&#xff1a;2004-2023 数据格式&#xff1a;pdf、excel 数据内容&#xff1a;电力年鉴收录了我国电力行业年度统计数据&#xff0c;是较为全面反映我国电力企业生产运行情况的统计资料书。以2023年为例&#xff0c;全书共分为五个部分&#xff1a;第一部分为基本数据&…

嵌入式中间件_2.嵌入式中间件的分类

1.中间件的分类 中间件的范围十分广泛&#xff0c;针对不同的应用需求涌现出了多种各具特色的中间件产品。因此&#xff0c;在不同的角度或不同的层次上&#xff0c;对中间件的分类也会有所不同。 根据IDC在1998年对中间件进行的分类&#xff0c;把中间件分为终端仿真/屏幕转换…

面试题——Nginx

1.Nginx是什么&#xff1f; 是一个高性能的Web服务器和反向代理服务器&#xff0c;也可以作为静态文件的缓存服务器&#xff0c;也能够进行负载均衡。 2.Nginx的作用&#xff1f; 1.反向代理&#xff1a;将多台服务器代理为一台服务器。客户端不了解底层服务端。 2.负载均衡…

eclipse导入Tomcat9源码

环境准备 下载Tomcat源码 https://github.com/apache/tomcat/tagsJDK版本 Tomcat9要求JDK17以上版本 https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.htmlAnt安装 https://ant.apache.org/bindownload.cgi我这里装的是apache-ant-1.10.14版本 …

CLIP模型调用的一段代码及解释

代码示例 from transformers import CLIPProcessor, CLIPModel# 加载预训练的CLIP模型和处理器 model CLIPModel.from_pretrained("openai/clip-vit-base-patch32") processor CLIPProcessor.from_pretrained("openai/clip-vit-base-patch32")# 显示图像…

从0到1,揭秘AI产品经理的高薪秘诀,转型之路与实战资源全解析

前言 随着算法模型的日益精进、计算能力的显著提升以及海量数据的积累&#xff0c;人工智能领域正以前所未有的速度蓬勃发展。 在国家政策的积极推动、社会资本的强劲注入下&#xff0c;人工智能产业正处于技术快速进步的黄金时期&#xff0c;其影响力广泛渗透至教育智能化、…

Day54 代码随想录打卡|二叉树篇---二叉搜索树的最近公共祖先

题目&#xff08;leecode T235&#xff09;&#xff1a; 给定一个二叉搜索树, 找到该树中两个指定节点的最近公共祖先。 百度百科中最近公共祖先的定义为&#xff1a;“对于有根树 T 的两个结点 p、q&#xff0c;最近公共祖先表示为一个结点 x&#xff0c;满足 x 是 p、q 的祖…

Nginx负载均衡之负载均衡策略

负载均衡技术是将大量的客户端请求通过特定的策略分配到集群中的节点&#xff0c;实现快速响应的应用技术。在应对高并发的应用请求时&#xff0c;单节点的应用服务计算能力有限&#xff0c;无法满足客户端的响应需求&#xff0c;通过负载均衡技术&#xff0c;可以将请求分配到…

DAY 45 企业级虚拟化技术KVM

企业级虚拟化技术KVM 1.kvm是什么 kernel virtualization machine 内核虚拟机 qemu的二次开发 软件全拼 qemu-kvm kvm virtulbox ovm vmware vsphere套件&#xff08;vmawre-esxi&#xff09; microsoft hyper-V 2.什么是虚拟化 资源利用 资源隔离 虚拟化管理&…

CleanMyMac X for Mac系统优化垃圾清理软件卸载 工具(小白轻松上手,简单易学)

Mac分享吧 文章目录 效果一、准备工作二、开始安装1、双击运行软件&#xff0c;将其从左侧拖入右侧文件夹中&#xff0c;等待安装完毕2、启动台显示软件图标&#xff0c;表示安装成功 三、运行测试1、打开软件&#xff0c;配置2、授权&#xff0c;允许完全磁盘访问 安装完成&a…

驱动、BSP、HAL三者的区别和联系

目录 引言 一、驱动&#xff08;Driver&#xff09; 二、板级支持包&#xff08;BSP, Board Support Package&#xff09; 三、硬件抽象层&#xff08;HAL, Hardware Abstraction Layer&#xff09; 四、区别与联系 五、总结 引言 驱动&#xff08;Driver&#xff09;、板…

正规式理解

正规式&#xff08;Regular Expression&#xff09;是一种用于描述、识别字符串集合的模式&#xff08;尤其是正则语言&#xff09;的序列表达式。在软件设计中&#xff0c;正规式被广泛用于文本处理、搜索和替换、数据验证等场景。以下是对正规式的基本理解&#xff1a; 1. *…

django filter 数据 Response返回

在Django中&#xff0c;你可以使用Django的filter()方法来筛选查询集(QuerySet)&#xff0c;并将结果返回给客户端。以下是一个简单的例子&#xff0c;展示了如何在Django视图中筛选数据&#xff0c;并将结果以JSON的形式返回给客户端。 首先&#xff0c;确保你有一个Django模…