anchors.baseline in QML

Question

There is some Defination confused me... I found a Text's anchors.baseline is different from Rectangle's.. Why ? what is the defination of baseline ? Thank you ...

Item {
    width: 400; height: 200

    Rectangle {
        y:20
        id: rectangle
        width: 80; height: 80
        color: "red"
    }

    Text {
        text: "Hello World!"
        anchors.baseline: rectangle.baseline
        anchors.left: rectangle.right
    }
}

Rectangle's baseline is top, and Text's baseline is bottom?

Answer 1

The baseline corresponds to the imaginary line on which text would sit. For items with no text it is the same as top.