Qt系列文章目录
前言
由于最近JavaScript图形处理性能较弱(和Qt比),主要用到Canvas处理二维图像,大概需要的图片8k*8k的分辨率,大概处理20多张8k的图像。而使用Qt中的QGraphicsItem、QGraphicsView、QGraphicsScene、性能毫无压力,所以考虑在JS中调用Qt,就需要用到WebAssembly。想要使用WebAssembly还依赖Emscripten,为了使用WebAssembly1.39,只只能用Qt5.15
目前本机Qt版本5.12.9不支持WebAssembly,需要升级到5.14以上
一、下载Qt5.15
由于Qt5.15及以上版本不提供离线安装包,只有Qt源码,所以需要使用在线安装进行安装。首先下载在线安装器:
从该地址:https://mirrors.cloud.tencent.com/qt/official_releases/访问Qt镜像资源站点,然后点击下图所示链接:
将进入Qt在线安装器页面,本人选择Windows版本的:
下载完成后,将得到一个在线安装包安装程序:
qt-unified-windows-x64-online.exe
然后从https://fiddler.en.uptodown.com/windows/download下载fiddler,fiddler是一个调试代理工具 :
首先安装:Fiddler
安装工具准备完成后,下面就开始安装Qt了。
二、使用步骤
1.使用Fiddler
1.首先运行fiddler,将Qt在线安装地址替换成国内地址,例如这里小生选择清华的。地址如下:
在最左下输入:
urlreplace download.qt.io mirrors.tuna.tsinghua.edu.cn/qt
2. Qt安装
fiddler配置完成后,接着以管理员方式运行Qt在线安装器,启动后其界面如下:
接着输入Qt账户和密码(没有就注册一个),点击『下一步』。将会弹出如下界面:
勾选上图所示的选择框后,点击『下一步』,安装软件将会自动提取远程数据,完成后将弹出下图所示界面:
接着,设置Qt的安装目录:
这里安装目录就好是空的,否则她会提示目录非空
因为如果完整安装Qt开发环境,将会非常大(至少在50G以上),而且全部安装也很耗时,所以小生这里选择“自定义安装”,点击下一步后,将会弹出以下界面,用于选择安装组件:
根据后续可能会使用到的组件,小生的安装组件选择如下:
这里Qt5.15默认安装WebAssembly
开发和设计工具选择如下:
选择了两个Windows系统上的调试器。
选择安装Qt Design Studio设计软件。
选择了三个版本的MinGW工具链:MinGW 11.20、MinGW8.1.0 32/64 bit。
选择安装Qt应用的安装包制作工具:Qt Installer Framework。
CMake构建工具。我机器上已安装CMake,这里不选
以上组件都选择完后,点击『下一步』,将会弹出许可协议选择界面:
然后将会弹出一个“准备安装”界面,点击『安装』将会自动进行安装:
从上图可知,Qt安装将会占用大约32G的磁盘空间。
接着,就是一个漫长的安装过程(与具体的电脑配置和网速相关啦):