Qt利用ImageWatch实现图片查看功能

使用Qt实现ImageWatch图片查看功能,图片放大可见RGB像素值。支持打开大图片,即打开一个几百MB甚至几GB的大图片。

1、什么是ImageWatch

Visual Studio有专门针对OpenCV开发的插件,名叫ImageWatch,图片放大之后可以查看RGB的像素值。

Image Watch 2019 - Visual Studio Marketplace

Image Watch Help

2、得空自己用Qt仿照实现了一下这个功能:

纯粹Qt写的,没有使用Halcon和OpenCV库。

(1)打开8位的灰度图

鼠标滚轮放大之后,可以查看灰度值;鼠标中键下压可以拖动图片;

(2)打开24位的彩色图

鼠标放大之后可以查看RGB三通道的数值;鼠标中键下压可以拖动图片;

3、怎么使用Qt打开一个几百MB甚至几GB的大图片?

Qt官方文档建议使用QImageReader,直接上源码:

bool MainWindow::readBigImage(const QString &path)
{
    QImageReader reader(path);
    reader.setAutoTransform(true);
    if (!reader.canRead())
    {
        return false;
    }

    QSize originSize = reader.size(); //原始的分辨率
    qDebug() << originSize;
    QSize newSize = originSize.scaled(800, 600, Qt::KeepAspectRatio); //缩放后的分辨率,保持纵横比
    qDebug() << newSize;
    QRect clipRt(500, 0, 1000, 1000);

//读取的方式
#if 1
    reader.setScaledSize(newSize); //按照指定的缩放大小来读取
#else
    reader.setClipRect(clipRt); //按照指定的矩形区域来读取
#endif

    QImage image = reader.read();
    if (image.isNull())
    {
        QFile file(path);
        file.open(QIODevice::ReadOnly);
        QByteArray data = file.readAll();
        image = QImage::fromData(data).scaled(newSize, Qt::KeepAspectRatio);

        if (image.isNull())
        {
            return false;
        }
    }

    ui->graphicsView->addCADBackgroundImage(image);

    //一次性定时器
    QTimer::singleShot(10, this, [=]() {
        slotViewZoomAuto();
    });

    return true;
}

到此这篇关于Qt利用ImageWatch实现图片查看功能的文章就介绍到这了,更多相关Qt ImageWatch图片查看内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • Python+PyQt5制作一个图片查看器

    目录 前言 实现方式 测试 前言 在 PyQt 中可以使用很多方式实现照片查看器,最朴素的做法就是重写 QWidget 的 paintEvent().mouseMoveEvent 等事件,但是如果要在图像上多添加一些形状,那么在对图像进行缩放旋转等仿射变换时需要对这些形状也这些变换,虽然不难,但是从头实现这些变换还有形状还是挺讨厌的.好在 Qt 提供了图形视图框架,关于这个框架的基本使用可以参见 深入了解PyQt5中的图形视图框架,下面进入正题. 实现方式 一个最基本的照片查看器应该具有以下功能

  • Qt实现图片移动实例(图文教程)

    这学期实训的时候用MFC做过一个飞机大战,很无聊的东西,一直想用Qt做一个,但是在学校的时候比较颓,回来看了一下. 首先需要解决的问题是图片的移动,怎么说飞机啊子弹啊都是动着的,图片当然要跑起来. 闲话休絮,首先用QtCreator新建一个QtGui程序,命名为PaintWidget,随便起的名字,实验么这不是. 会生成这三个文件,其中呢ui不用管,实验的图片移动需要用的是Event,不是信号槽,所以ui就不管了,放了那就是. 第一步要把图片画出来,参照<Qt学习之路的这段代码>,不难把图画出

  • Qt通过图片组绘制动态图片

    本文实例为大家分享了Qt通过图片组绘制动态图片的具体代码,供大家参考,具体内容如下 任务实现: 通过定时器的使用来依次调用资源文件中的静态图片文件,从而达到是图片中内容动起来的效果: 效果实现: 实现过程: 1.通过paintEvent()函数进行每一张图片的导入平铺绘制: 2.通过timerEvent()函数对每一张图片按照设定的时间进行重复的调用,从而达到动图的效果: 3.通过自定义InitPixmap()函数来对每一张图片进行初始化,将其导入到Pixmap[ 64 ]组中: 整体代码: d

  • 使用PyQt5实现图片查看器的示例代码

    一.前言 在学习 PyQt5 的过程中我会不断地做一些小的 Demo,用于让自己能够更好地理解和学习,这次要做的就是一个图片查看器,主要功能包括打开图片.拖动图片.放大和缩小图片. 最终实现的图片查看器你效果如下: 二.主要步骤  1.显示图片 PyQt5 绘图系统能渲染矢量图像.位图图像和轮廓字体文本.一般会使用在修改或者提高现有组件的功能,或者创建自己的组件,使用 PyQt5 的绘图 API 进行操作.在 Qt 中有 QPainter 类用于执行绘制的操作,绘图由 paintEvent()

  • Qt利用ImageWatch实现图片查看功能

    使用Qt实现ImageWatch图片查看功能,图片放大可见RGB像素值.支持打开大图片,即打开一个几百MB甚至几GB的大图片. 1.什么是ImageWatch Visual Studio有专门针对OpenCV开发的插件,名叫ImageWatch,图片放大之后可以查看RGB的像素值. Image Watch 2019 - Visual Studio Marketplace Image Watch Help 2.得空自己用Qt仿照实现了一下这个功能: 纯粹Qt写的,没有使用Halcon和OpenCV

  • Js利用Canvas实现图片压缩功能

    最近做的APP项目涉及到手机拍照上传图片,因为手机拍照的图片通常都比较大,所以上传的时候就会很慢.为此,需要对图片进行压缩处理来优化上传功能.以下是具体实现: /* * 图片压缩 * img 原始图片 * width 压缩后的宽度 * height 压缩后的高度 * ratio 压缩比率 */ function compress(img, width, height, ratio) { var canvas, ctx, img64; canvas = document.createElement

  • Android实现图片查看功能

    一.效果图 二.支持功能 本地与网络图片 可用于各大图片加载框架(Fresco,Glide,Picasso) 图片缩放 放大后的图片惯性滑动 下拉缩小退出 三.核心实现方法 3.1 缩放 Matrix.postScale(float sx, float sy, float px, float py) 参数解析: sx: 目标宽度 / 现有宽度 sy: 目标高度 / 现有高度 (px,py): 缩放焦点坐标 使用示例: /** * 缩放手势监听 */ private ScaleGestureDet

  • Android仿百度图片查看功能

    我们知道,进入百度图片后,输入一个关键字后,首先看到的是很多缩略图,当我们点击某张缩略图时,我们就可以进入到大图显示页面,在大图显示页面,中包含了一个图片画廊,同时当前大图为刚刚我们点击的那张图片.现在我们看看在Android中如何实现类似的效果: 首先,我们需要有一个控件来显示缩略图,这里没有什么比GridView更加合适了. 配置文件如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout

  • Qt利用QDrag实现拖拽拼图功能详解

    目录 一.项目介绍 二.项目基本配置 三.UI界面设置 四.主程序实现 4.1 main.cpp 4.1 mainwindow.h头文件 4.2 mainwindow.cpp源文件 4.3 PiecesList类 4.4 PuzzleWidget类 五.效果演示 一.项目介绍 本文介绍利用QDrag类实现拖拽拼图功能.左边是打散的图,拖动到右边进行复现,此外程序还支持手动拖入原图片. 二.项目基本配置 新建一个Qt案例,项目名称为“puzzle”,基类选择“QMainWindow”,取消选中创建

  • Android 实现WebView点击图片查看大图列表及图片保存功能

    在日常开发过程中,有时候会遇到需要在app中嵌入网页,此时使用WebView实现效果,但在默认情况下是无法点击图片查看大图的,更无法保存图片.本文将就这一系列问题的实现进行说明. 图示: 项目的知识点: 加载网页后如何捕捉网页中的图片点击事件: 获取点击的图片资源后进行图片显示,获取整个页面所有的图片: 支持查看上下一张的图片以及对图片缩放显示: 对图片进行保存: 其他:图片缓存的处理(不用每次都重新加载已查看过的图片) 项目代码结构: 前期准备(添加权限.依赖和混淆设置): 添加权限: <us

  • vue基于viewer实现的图片查看器功能

    vue2-viewer vue2-viewer 是一款强大的图像浏览插件,可以实现图像的放大预览,旋转,任意比例放大和缩小等功能 vue2-viewer 是viewer.js vue的实现,效果以及样式完全移植自viewer.js关于viewer.js可以参考链接 [http://fengyuanchen.github.io...] 插件中所有的效果均大量地使用了css3的新特性替换了viewer.js中的js动画,所以vue2-viewer主要实用场景是现代浏览器中. 使用文档 安装 npm

  • Java PhantomJs完成html图片输出功能

    借助phantomJs来实现将html网页输出为图片 I. 背景 如何在小程序里面生成一张图,分享到朋友圈呢?目前前端貌似没有太好的解决方法,所以只能猥琐的由后端来支持掉,那么可以怎么玩? 生成图片比较简单 简单的场景,可以直接用jdk来支持掉,一般来讲也没有太复杂的逻辑 之前写过一个图片合成的逻辑,利用awt实现: 图片合成 通用.复杂的模板 简单的可以直接支持,但复杂一点的,让后端来支持,无疑比较恶心,在github上也搜索了一些渲染html的开源库,不知道是姿势不对还是咋的,没有太满意的结

  • 利用Python将图片批量转化成素描图的过程记录

    目录 前言 程序 Method 1 Method 2 完整代码 结果 总结 前言 正常图片转化成素描图片无非对图片像素的处理,矩阵变化而已.目前很多拍照修图App都有这一功能,核心代码不超30行.如下利用 Python 实现读取一张图片并将其转化成素描图片.至于批处理也简单,循环读取文件夹里的图片处理即可.具体代码可以去我的 GitHub下载. 程序 Method 1 def plot_sketch(origin_picture, out_picture) : a = np.asarray(Im

随机推荐