手写SVG图片

有时候QT中可能会需要一些简单的SVG图片,但是网上的质量参差不齐,想要满意的SVG图片,我们可以尝试直接手写的方法.

新建文本文档,将以下代码复制进去,修改后缀名为.svg,保存

cpp 复制代码
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="128" width="128" viewBox="0 0 158 158">
  <g>
    <path id="path1" transform="rotate(0,64,64) translate(1.6,1.6) scale(3.9,3.9)" fill="#000000" d="M0,2L2,0 17,15 32,0 34,2 19,17 34,32 32,34 17,19 2,34 0,32 15,17z" />
  </g>
</svg>

效果是这样,我们通过类似写代码的方式得到了一个"X"的SVG图片:

如果我们想要修改颜色,就可以修改这里fill="#000000" ,换成你想要的颜色

想要花其他的图形,可以修改这里d="M0,2L2,0 17,15 32,0 34,2 19,17 34,32 32,34 17,19 2,34 0,32 15,17z

这个意思其实是确定一些点,让系统沿着这些点画线(L指画线),这段的意思是沿着(0,2)、(2,0)、(17,15)、(32,0)、(34,2)、(19,17)、(34,32)、(32,34)、(17,19)、(2,34)、(0,32)、(15,17)这些点,用颜色黑色fill="#000000来填充闭合的路径,因为这个"X"是有宽度的,所以描点的时候要注意把宽度考虑进去.这里只是展示了最简单的画线,还有很多其他的绘制读者可以自行去了解.

相关推荐
杨了个杨89821 小时前
memcached部署
qt·websocket·memcached
无小道3 小时前
Qt-qrc机制简单介绍
开发语言·qt
CodeKwang4 小时前
Qt实战:简易Excel表格 | 附完整源码
qt·excel·qtabwidget·qt控件
Mongnewer5 小时前
试写UI界面设计器
ui·界面设计器
C++ 老炮儿的技术栈6 小时前
Qt 编写 TcpClient 程序 详细步骤
c语言·开发语言·数据库·c++·qt·算法
打工哪有不疯的7 小时前
使用 MSYS2 为 Qt (MinGW 32/64位) 完美配置 OpenSSL
c++·qt
LYOBOYI1239 小时前
qtcpSocket详解
c++·qt
TT哇9 小时前
【实习】数字营销系统 银行经理端(interact_bank)前端 Vue 移动端页面的 UI 重构与优化
java·前端·vue.js·ui
木斯佳9 小时前
周末杂谈:UI-UX Pro Max Skill:为AI编程助手注入专业设计智能的终极利器
ui·ai编程·ux
手揽回忆怎么睡9 小时前
opencode和TRAE使用Superpowers 和ui-ux-pro-max skillls
ide·ui·ai·ux