[BUG]: Text in circle and rectangle shapes is positioned incorrectly #7749

Description

In the layout, I defined two shapes which should contain a centered label text.
The SVG <text> elements are generated but positioned incorrectly.

Screenshots

Result:

See x and y attributes of the <text> element:

Steps to reproduce

Reproduction: https://jsfiddle.net/q7dzwnx8/2/

Both circle and rectangle have a label defined, which should be centered horizontally and vertically inside the shapes.
The SVG <text> elements are generated, but their position is totally wrong, as can be seen with the browser’s inspector

Notes

The bug seems to be present at least since version 3.0.