QSvgWidget

已于 2023-12-18 22:34:34 修改
阅读量506 收藏
点赞数
分类专栏： qt 文章标签： 其他
于 2021-12-13 15:31:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/superkeep/article/details/121906370
版权

感觉svg图片一点都不好用，还是用jpg图片，使用QPixmap::scale缩放函数比较好。
qt使用QSvgWidget打开test.svg提示：Image file name is empty

<image id="image0" width="1405" height="795" x="0" y="0"  href=".....">

仔细看里面有一个<image>标签，里面少了一个xlink:href="test.png" ，修改如下：
<image id="image0" width="1405" height="795" x="0" y="0" xlink:href="test.png"   href=".....">

test.png名称与test.svg文件基本名称(test)相同

参考http://cn.voidcc.com/question/p-frovbxet-sx.html

清风徐来，水波不兴.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt5开发及实例-CH604.rar,Qt5通过利用QSvgWidget类和QSvgRender类实现一个SVG图片浏览器的代码
09-15
Qt5开发及实例,实例CH604,通过利用QSvgWidget类和QSvgRender类实现一个SVG图片浏览器，显示以“.svg”结尾的文件以介绍SVG格式图片显示的方法，如图6.20所示。 实现步骤如下。 （1）新建Qt Widgets Application...
qtSVGDemo_v1.0.0_基础模板_3个类的演示子工程.rar
04-15
3. **QSvgWidget**: 作为Qt的一个视图组件，QSvgWidget专门用于显示SVG图形。它可以像普通的QWidget一样被添加到布局中，只需提供SVG文件路径，就能自动加载并显示SVG图像。QSvgWidget提供了基本的交互功能，如缩放...
Qt之SVG：Qt简单使用SVG的介绍
热门推荐
读书笔记
05-24 2万+
文章目录一、SVG 是什么？二、Qt 怎么显示和创建SVG2.1 使用QGraphicsSvgItem 显示2.2 使用 QSvgWidget 显示2.3 使用 QSvgRenderer 渲染其他绘制设备2.4 使用QSvgGenerator 创建SVG 文件三、总结 一、SVG 是什么？ 可伸缩矢量图形（SVG）是一种基于XML的语言，用于描述二维矢量图形。 如下面这个简单表示圆的SVG文件 <?xml version="1.0" standalone="no"?> <!DOCTYPE
Qt 使用Svg图标
Poseidon's Maserati
04-14 1796
SVG全称Scalable Vector Graphics，即可缩放矢量图。 优点： 基于XML。 采用文本来描述对象。 具有交互性和动态性。 完全支持DOM。 文件小。 任意缩放不破坏图像的清晰度。 图像中的文字独立于图像，没有字体限制。 目标： 使用QSvg、QSvgRender等显示一张SVG图像，并进行缩放验证其清晰度。 代码主体结构： main.cpp创建SVGTest 。 SVGtest.cpp构造函数设置标题、创建菜单、创建svgWindow、设置svgWindow为主
学习QT之显示SVG格式图片
贝勒里恩的博客
03-18 5789
SVG的英文全称是Scalable Vector Graphics，即可缩放的矢量图形。它是有万维网联盟在2000年8月制定的一种新的二维矢量图形格式，也是规范中的网格矢量图形标准，是一个开发的图形标准。 SVG格式的特点如下： 基于XML 采用文本来描述对象 具有交互性和动态性 完全支持DOM SVG相对于GIF、JPEG格式的优势是，SVG是一种矢量图形格式，比GIF、JPEG等栅格格式具...
svgviewer.rar_The Program_qt svg_svg_svg qt
09-24
3. **QSvgWidget**：在Qt5中，为了更方便地集成SVG显示，增加了QSvgWidget类。它是QGraphicsView的子类，可以直接在窗口中显示SVG图像，提供了更直观的SVG查看体验。 4. **QGraphicsScene和QGraphicsView**：Qt的...
pyqt5主要模块和类
最新发布
05-11
- **示例类**：`QSvgRenderer`, `QSvgWidget` 等。 14. **QtSql 模块** - **简介**：此模块提供了数据库对象的接口以供使用。 - **功能**： - 支持与数据库的交互操作。 - **示例类**：`QSqlDatabase`, `...
svg2png qt转换
05-20
然后，Qt的QSvgRenderer或QSvgWidget模块解析SVG内容；接着，将渲染的结果捕获为QImage对象；最后，利用QImage的save方法将其保存为PNG格式。整个过程可能还包括设置输出图像的大小、分辨率、透明度等选项，以满足...
Qt开发技术：QtSVG介绍、使用和Demo
长沙创微智能科技官方博客
04-15 1万+
若该文为原创文章，未经允许不得转载 原博主博客地址：https://blog.csdn.net/qq21497936 原博主博客导航：https://blog.csdn.net/qq21497936/article/details/102478062 本文章博客地址： 各位读者，知识无穷而人力有穷，要么改需求，要么找专业人士，要么自己研究 目录 前话 Demo Demo1：QSvgGene...
Qt5开发学习之图形与SVG图像（八）
Twisted的博客
08-21 1万+
Qt5位置相关函数Qt提供了很多关于获取窗体位置及显示区域大小的函数，统称为“位置函数”或“位置相关函数”。 x()、y()、pos()： 作用数获得整个窗体左上角的坐标位置。frameGeometry()和geometry()： 这两个函数相对应，frameGeometry()获取的是整个窗体的左上角顶点和长宽值，而geometry()获取的是窗体内中心区域的左上角顶点坐标及长宽值。width()
Qt实现简单图形绘制，双缓冲机制和显示SVG格式图片
qiong11chao02的博客
04-16 4662
从去年到现在一直在断断续续学习Qt，这是第一次写博客，感觉学到的东西很少，希望以后能多学、多练、多写吧！（还有部分功能没有实现，等实现了再来补全。）         首先使用了一个窗口布局来实现这三个功能，包括如何使用分割窗口和如何使用堆栈窗体。其效果图如下：
【QT教程】QT6 SVG处理 QT SVG
QT界面开发界面美化
04-19 1137
SVG基础《QT6SVG处理》正文,SVG基础简介SVG（Scalable Vector Graphics）即可缩放矢量图形，是一种基于XML（eXtensible Markup Language）的图像文件格式。它用于描述二维图形，这些图形可以缩放到任何大小而不会失真，这使得SVG在图形设计和软件开发中非常受欢迎。在QT6开发环境中，对SVG的支持尤为重要，因为它提供了一种高效的方式来在应用程序中使用矢量图形。SVG的基本组成SVG图形由以下基本组成,
Qt加载SVG矢量图片，放大缩小图片质量不发生变化。
qq_40876689的博客
09-03 5475
QT实现加载SVG矢量图标显示到控件上。
Qt发布的程序svg图标不显示问题
MooNN的博客
12-02 2932
用Qt5.14开发的软件，软件中用到了很多svg格式的图标，发布后在有些电脑上svg格式的图标不显示，但png格式的图标正常显示，尝试了网上说的： 1.在程序路径增加plugins\imageformats，并拷贝Qt安装目录下的imageformats文件夹； 2.拷贝Qt安装目录下的Qt5Svg.dll到程序路径； 以上方法都没用，所以最后就把svg全转成png图标就OK了，不知道还有没有其他更好的解决方案。 ...
【QT教程】QT6SVG处理
QT界面开发界面美化
04-11 1055
SVG基础《QT6SVG处理》正文,SVG基础简介SVG（Scalable Vector Graphics）即可缩放矢量图形，是一种基于XML（eXtensible Markup Language）的图像文件格式。它用于描述二维图形，这些图形可以缩放到任何大小而不会失真，这使得SVG在图形设计和软件开发中非常受欢迎。在QT6开发环境中，对SVG的支持尤为重要，因为它提供了一种高效的方式来在应用程序中使用矢量图形。SVG的基本组成SVG图形由以下基本组成,
【QT教程】QT6 SVG处理
QT界面开发界面美化
04-19 1144
SVG基础《QT6SVG处理》正文,SVG基础简介SVG（Scalable Vector Graphics）即可缩放矢量图形，是一种基于XML（eXtensible Markup Language）的图像文件格式。它用于描述二维图形，这些图形可以缩放到任何大小而不会失真，这使得SVG在图形设计和软件开发中非常受欢迎。在QT6开发环境中，对SVG的支持尤为重要，因为它提供了一种高效的方式来在应用程序中使用矢量图形。SVG的基本组成SVG图形由以下基本组成,
调整svg宽高
月来better
05-25 2663
svg是从后端数据获取的，拿到svg后将其追加到wechat_qrcode标签中渲染，后端svg显示的宽高是207207不符合UI280280，就需要调整其svg宽高 调整svg宽高一定要结合viewBox使用 <li id="wechat_qrcode" ref="wechat_qrcode"></li> mounted(){ this.fetchclientqrcode() } methods:{ fetchclientqrcode() { return thi
qt svg模块源码解析1
fuyouzhiyi的博客
09-26 738
enum QXmlStreamReader::TokenType：此枚举指定读取器当前读取的类型。其中DTD 的目的是定义 XML 文档的结构。它使用一系列合法的元素来定义文档结构，与画图无关。用 QXmlStreamReader *const xml;读取svg文件，并解析。文档开始StartDocument，结尾EndDocument，注释都不需要关注。拿到标签名 localName，首先要对他们分类。如果标签为以下节点，分别返回不同的函数指针。解析标签名的首字母判断标签的含义，如下。
QSvgWidget如何设置拉伸线宽不变
05-25
QSvgWidget是一个显示SVG图像的窗口部件，它默认会按照SVG文件中定义的大小来显示图像。如果需要在保持比例的同时拉伸图像，可以通过设置QSvgWidget的aspectRatioMode属性来实现。其中，Qt::KeepAspectRatio表示保持比例，Qt::KeepAspectRatioByExpanding表示保持比例并且拉伸图像以填充窗口。在使用Qt::KeepAspectRatioByExpanding模式时，可以通过设置QSvgWidget的maximumWidth和maximumHeight属性来限制图像的最大尺寸。 关于拉伸线宽不变的问题，可以在SVG文件中指定图像的宽度和高度，这样无论QSvgWidget的大小如何改变，SVG图像的线宽都会保持不变。例如，在SVG文件的根元素中添加width和height属性： ```xml <svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="80" height="80" stroke="black" stroke-width="2" fill="none"/> </svg> ``` 在使用QSvgWidget加载该SVG文件时，可以设置QSvgWidget的aspectRatioMode为Qt::KeepAspectRatio或Qt::KeepAspectRatioByExpanding，然后调用QSvgWidget的setFixedSize方法设置固定的大小，这样就可以保证SVG图像的线宽不会随着QSvgWidget的大小改变而变化。 示例代码如下： ```cpp QSvgWidget *svgWidget = new QSvgWidget("example.svg"); svgWidget->setAspectRatioMode(Qt::KeepAspectRatio); svgWidget->setFixedSize(200, 200); ``` 注意，如果SVG文件中没有指定width和height属性，QSvgWidget默认会按照SVG文件中定义的大小来显示图像，这样就无法保证线宽不变。如果需要在SVG文件中动态修改图像的大小，可以使用CSS样式表或JavaScript脚本来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值