Cómo definir un ejemplo de cuadro delimitador con una propiedad de elemento dada como esta:
Propiedades del elemento { id: "$179", color: "#3230b3", rotación: 254 x: 870, y: 317, ancho: 268, alto: 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>y cómo obtener un valor como este:
width="203.28902419530186" height="292.6514794473384" transform="translate(768.3554879023491, 170.6742602763308)"con un valor de propiedad dado arriba?