QML方形图片处理为圆形图片方法

在QML中也可以实现相同的效果,并且使用非常简单。需要用到OpacityMask组件,在Qt官方文档中已经非常详细的介绍了该组件的使用,那么接下来我们看看如何做一张圆形的图片出来。

import QtGraphicalEffects1.0需要引入的包

Item{


        width: 100
        height: 100

        Image{
            id: imageView
            source:"qrc:/icons/noavatar_big.gif";
            anchors.fill: parent
            smooth: true
            visible: false
        }

        Rectangle{
            id: mask
            anchors.fill: parent
            radius: height/2
        }

        OpacityMask {
            anchors.fill: parent
            source: imageView
            maskSource: mask
        }

    }


2898 2018-05-31

JavaScript >>

Linux >>

PHP >>

HTML/CSS >>

C/C++ >>

MySql >>

常用工具使用 >>