Захват атрибутов дочернего элемента SVG

Привет, ребята, я пытаюсь выяснить, можно ли получить высоту и ширину . К сожалению, и , похоже, их не имеют, и мне было интересно, есть ли способ сделать это. На данный момент у меня есть:

 


(function(){


"use strict";


window.onload = function() {


polygoChk();


};


function polygoChk() {


var polu = document.getElementsByClassName('polu3')[0];


var polyHeight = polu.getAttribute('width');


console.log(polyHeight+ " polygon width");


};


})();

Код (разметка):

  <svg class="polu" preserveAspectRatio="xMidYMid meet" viewBox="0 0 100 100" width="300px" height="300px"> <a class="polu2" xlink:href="deviantart.com" > <polygon class="polu3" fill="red" stroke="brown" points="45,2 2,45 45,88 88,45"/> </a> </svg> 

Код (разметка): возвращает ноль или 0 в зависимости от того, что я использую.

Итак, я думаю, если я не смогу получить размеры , есть ли способ захватить рамку аспекта вокруг ?

Ваша проблема в том, что вы используете px там, где их быть не должно: width="300px" height="300px"> Без пикселей (200x200):
https://jsfiddle.net/5mHjC/222/

Или вы можете сделать то же самое, задав CSS классу polu (100pxx100px):
https://jsfiddle.net/5mHjC/225/

Привет, Everlive, возможное решение было опубликовано здесь...
https://forums.digitalpoint.com/threads/using-display-block-on-svg-elements.2775137/#post-19301855

болван