How to define a bounding box example with given element property like this:
Element properties { id: "$179", color: "#3230b3", rotation: 254 x: 870, y: 317, width: 268, height: 155 }
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
width="100%"
height="100%"
viewBox="0 0 1055 555"
>
<rect fill="#efefef" width="100%" height="100%"></rect>
<g>
<rect
fill="#9fcb67"
data-x="870"
data-y="317"
width="268"
height="155"
transform="translate(870, 317) rotate(259) translate(-134,-77.5)"
></rect>
<circle
data-mono="0.7011764705882353"
fill="#000000"
cx="870"
cy="317"
r="4"
></circle>
<text x="875" y="317" fill="#000000">
<tspan>259°</tspan>
</text>
<rect
fill="none"
stroke-width="2"
stroke-opacity="0.4"
stroke="#FF0000"
width="203.28902419530186"
height="292.6514794473384"
transform="translate(768.3554879023491, 170.6742602763308)"
></rect>
</g>
</svg>and how to get a value like this:
width="203.28902419530186"
height="292.6514794473384"
transform="translate(768.3554879023491, 170.6742602763308)"
with a given property value above?