¿Cómo obtener coordenadas absolutas de objeto dentro de un grupo <g>?

Esto puede ser una pregunta frecuente, así que siéntase libre de señalarme otra respuesta. El tema es difícil de buscar.

Si quiero usar d3.js para obtener un atributo que se declara explícitamente en un objeto SVG, o que he puesto explícitamente allí usando D3, puedo obtener fácilmente el valor del atributo usandod3.select. Por ejemplo, esto imprime 300:

...
<circle id="mycircle" r="10" cx="100" cy="200">
...
d3.select("#mycircle").attr("cx", 300);
console.log(d3.select("#mycircle").attr("cx"));

¿Qué sucede si no establezco explícitamente el valor del atributo, pero implícitamente se "establece" desde un<g> ¿grupo? O: ¿Cómo puedo usar el código para averiguar dónde<g> grupo está centrado? Me gustaría alguna forma de determinar en qué parte del sistema de coordenadas absoluto de la<svg> objetar las cosas dentro del<g> son. Si supiera dónde<g> fue, cómo está orientado en el espacio, etc., pude averiguar dónde están los puntos dentro de él. ¿Cómo puedo hacer eso?

BigBadaboom comenta en un comentario sobre una respuesta aesta pregunta que lo que se hereda no es un par de coordenadas, sino untransform atributo. Entonces puedo seleccionar un<g> y obtenga el valor del atributo transform:

console.log(d3.select("#mygroup").attr("transform"));

que imprime, por ejemplo:

"rotar (-125.93) traducir (0, -25)"

¿Tengo que analizar eso para averiguar dónde<g> está situado en el sistema de coordenadas absoluto?

Respuestas a la pregunta(5)

Su respuesta a la pregunta