Red de conocimiento informático - Material del sitio web - Cómo usar JS para obtener la posición y el tamaño reales del gráfico en el elemento de ruta en SVG

Cómo usar JS para obtener la posición y el tamaño reales del gráfico en el elemento de ruta en SVG

Cómo usar JS para obtener la posición y el tamaño reales de los gráficos en el elemento de ruta de SVG:

1. Use getElementById para obtener el objeto de nodo svg:

var el = document.getElementById("yourElement");

2. Llame a getBoundingClientRect para obtener la posición del rectángulo delimitador de la ruta:

var rect = el. getBoundingClientRect();

3. Obtenga los atributos de ancho y alto respectivamente para obtener la posición real.

console.log( rect.ancho

console.log( rect.alto

);