返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >QT圆形图像剪切功能实现
  • 797
分享到

QT圆形图像剪切功能实现

qt图像剪切qt圆形剪切 2022-11-13 18:11:39 797人浏览 安东尼
摘要

剪切代码: Rectangle{ id:idRectRound width: 250

剪切代码:

Rectangle{
                    id:idRectRound
                    width: 250
                    height: 250
                    radius: width/2
                    anchors.centerIn: parent
                    color: "#ff00ff"
                    visible: false
                }
                Image {
                    id: idRectImg
                    width: 250
                    height: 250
                    anchors.centerIn: parent
                    source: "qrc:/res/demo.png"
                    visible: false
                    smooth: true
                }
                OpacityMask {
                    anchors.fill: idRectRound
                    source: idRectImg
                    maskSource: idRectRound
               }

完整QML源码

import QtQuick 2.12
import QtQuick.Window 2.12
import QtGraphicalEffects 1.0
 
Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    color:"black"
    Rectangle{
                        id:idRectRound
                        width: 250
                        height: 250
                        radius: width/2
                        anchors.centerIn: parent
                        color: "#ff00ff"
                        visible: false
                        border.color: "yellow"
                        border.width: 2
                    }
                    Image {
                        id: idRectImg
                        anchors.centerIn: parent
                        source: "qrc:/res/demo.png"
                        visible: false
                        smooth: true
                    }
                    OpacityMask {
                        anchors.fill: idRectRound
                        source: idRectImg
                        maskSource: idRectRound
                   }
}

c++代码:

#include <QGuiApplication>
#include <QQmlApplicationEngine>
 
 
int main(int arGC, char *argv[])
{
#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endif
    QGuiApplication app(argc, argv);
 
    QQmlApplicationEngine engine;
    const QUrl url(QStringLiteral("qrc:/main.qml"));
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);
 
    return app.exec();
}

到此这篇关于QT圆形图像剪切的文章就介绍到这了,更多相关qt图像剪切内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: QT圆形图像剪切功能实现

本文链接: https://lsjlt.com/news/169865.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • QT圆形图像剪切功能实现
    剪切代码: Rectangle{ id:idRectRound width: 250 ...
    99+
    2022-11-13
    qt图像剪切 qt圆形剪切
  • Cropper.js进阶之实现圆形头像裁剪功能示例
    目录引言准备工作页面结构添加样式编写JavaScript总结全部代码如下引言 在Web应用中,让用户上传并裁剪图片以创建个人头像是一项非常常见的需求。本文将介绍如何使用著名的图片裁剪...
    99+
    2023-05-19
    Cropper.js圆形头像裁剪 Cropper.js头像裁剪
  • C#如何使用OpenCV剪切图像中的圆形和矩形
    这篇文章主要介绍“C#如何使用OpenCV剪切图像中的圆形和矩形”,在日常操作中,相信很多人在C#如何使用OpenCV剪切图像中的圆形和矩形问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”C#如何使用OpenC...
    99+
    2023-06-07
  • Qt实现小功能之圆形进度条的方法详解
    目录功能图形绘制1.绘制窗口整体背景色值2.圆形进度条通道绘制3.圆形进度条绘制4.文本绘制数值计算1.计算步长2.实时数据计算在Qt自带的控件中,只有垂直进度条、水平进度条两种。 ...
    99+
    2024-04-02
  • Android仿微信QQ设置图形头像裁剪功能
    最近在做毕业设计,想有一个功能和QQ一样可以裁剪头像并设置圆形头像,额,这是设计狮的一种潮流。 而纵观现在主流的APP,只要有用户系统这个功能,这个需求一般都是在(bu)劫(d...
    99+
    2022-06-06
    Android
  • Android头像上传功能的实现代码(获取头像加剪切)
    因为项目中需要用到头像上传的功能,所以就下个Ddmo先来实现下。demo我是类似仿微信的,在一个GridView中展示所有的图片,其中第一个item可以去照相;获取到图片后再进行剪切。图片的剪切是从网上找的感觉不错就用,暂时也没有测试。获取...
    99+
    2023-05-30
    android 头像 上传
  • Qt使用QCamera实现切换相机,分辨率和图像捕获功能
    demo中主要涉及的Qt类有:相机类QCamera,取景器类QCameraViewfinder,图像捕获类QCameraImageCapture,因此添加模块multimedia m...
    99+
    2023-05-14
    Qt QCamera应用 Qt QCamera相机 Qt QCamera图像捕获
  • 如何使用纯CSS实现圆形图像?
    小编给大家分享一下如何使用纯CSS实现圆形图像?,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   SS可以实现网页中的很多效...
    99+
    2024-04-02
  • js 剪切、复制、粘贴功能实现
    针对现代浏览器实现(Navigator.clipboard) Navigator.clipboard API可以用来访问系统剪贴板,可以实现【剪切、复制、粘贴】功能。该 API 被设...
    99+
    2023-05-18
    js 剪切 js复制 js粘贴
  • cropperjs实现裁剪图片功能
    本文实例为大家分享了cropperjs实现裁剪图片功能的具体代码,供大家参考,具体内容如下 cropperjs (裁剪图片) vue版本 // 下载 // npm install c...
    99+
    2024-04-02
  • Android裁剪图片为圆形图片的实现原理与代码
    以前在eoe论坛中找过裁剪图片为圆形图片的方法,但是效果都不是很理想,这几天因为公司业务的要求,需要对头像进行裁剪以圆形的方式显示,这个方法是根据传入的图片的高度(height...
    99+
    2022-06-06
    图片 Android
  • Android 实现切圆图作为头像使用实例
    Android 切圆图 效果图如下: MyView 类 public class MyView extends View { Bitmap bmp; Paint p...
    99+
    2022-06-06
    Android
  • Qt怎么使用QCamera实现切换相机,分辨率和图像捕获功能
    这篇文章主要介绍“Qt怎么使用QCamera实现切换相机,分辨率和图像捕获功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Qt怎么使用QCamera实现切换相机,分辨率和图像捕获功能”文章能帮助大...
    99+
    2023-07-05
  • 使用clipboard.js库实现复制剪切功能
    项目地址:https://github.com/zenorocha/clipboard.js 现代化的“复制到剪切板”插件。不包含 Flash。gzip 压缩...
    99+
    2024-04-02
  • Qt实现图形裁减
    本文实例为大家分享了Qt实现图形裁减的具体代码,供大家参考,具体内容如下 main.cpp #include <QApplication> #include <QG...
    99+
    2024-04-02
  • 如何实现pyqt5圆形label显示打开的摄像头功能
    这篇文章主要介绍了如何实现pyqt5圆形label显示打开的摄像头功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。.在label显示打开的摄像头原理其实在label显示图片...
    99+
    2023-06-22
  • Android图片裁剪功能实现代码
    在Android应用中,图片裁剪也是一个经常用到的功能。Android系统中可以用隐式意图调用系统应用进行裁剪,但是这样做在不同的手机可能表现出不同的效果,甚至在某些奇葩手机上...
    99+
    2022-06-06
    Android
  • cropperjs怎么实现裁剪图片功能
    这篇“cropperjs怎么实现裁剪图片功能”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“cropperjs怎么实现裁剪图片...
    99+
    2023-06-29
  • 基于JavaScript实现图片裁剪功能
    目录一、图片文件的上传和读取二、图片展示和蒙层处理CSS clip-path三、裁剪框展示裁剪框的缩放点cursor 鼠标样式四、裁剪框移动事件五、裁剪框缩放操作六、完成裁剪功能dr...
    99+
    2023-02-21
    JavaScript实现图片裁剪JavaScript图片裁剪 JavaScript图片
  • Vue图片裁剪功能实现代码
    目录一、效果展示:1、表单的图片上传项:2、裁剪框页面二、代码部分1、首先安装Vue-Cropper,基于此组件的基础上开发的裁剪页面2、裁剪弹窗的组件编写:3、【图片上传表单项】组...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作