[Interest] making 'hole' in the rectangle

[Stephen King]

Why not just...

Rectangle {
    id: bottom
    width: 100
    height: 100

    color: 'blue'

    Rectangle {
        width: 50
        height: 50

        color: 'green'

        Rectangle {
           color: bottom.color
           anchors.fill: parent
            width: 25
            height: 50
        }
    }
}

------------------------------------------------------------------------------------------------

Is it possible to implement a 'hole' component which would make color of its parent control transparent? For example:

Rectangle {
    width: 100
    height: 100

    color: 'blue'

    Rectangle {
        width: 50
        height: 50

        color: 'green'

        Hole {
           anchors.fill: parent
            width: 25
            height: 50
        }
    }
}

Expected result: area 100x100, filled with blue and 25x50 (not 50x50 as we erased half of area with 'Hole') area of green on top.
This Email and any files transmitted with it are intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any reading, redistribution, disclosure or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you are not the intended recipient please contact the sender immediately and delete the material from your computer. E-mail may be susceptible to data corruption, interception, viruses and unauthorised amendment and Domino UK Limited<http://www.domino-printing.com/Channels/UK/eng/Home.aspx> does not accept liability for any such corruption, interception, viruses or amendment or their consequences.


Domino UK Limited<http://www.domino-printing.com/Channels/UK/eng/Home.aspx> Registered in England. Registered Number:1750201. Registered Office Address: Trafalgar Way, Bar Hill, Cambridge, CB23 8TU.