getBBox() ничего не возвращает для прямоугольника или пути

Пожалуйста, обратитесь к прямому коду ниже.

<rect id="container_svg_ChartArea" x="146.8" y="20" width="633.2" height="414" fill="White" stroke-width="1" stroke="Gray"></rect>

я попытался получить значение ограничивающей рамки прямоугольника, оно ничего не возвращает, т.е. "0" для x = 0, y = 0, ширина = 0, высота = 0

$("#container_svg_ChartArea")[0].getBBox()

но когда я получаю атрибут для x/y/width/height, он возвращает некоторое значение

$("#container_svg_ChartArea").attr("x") ->value returned.

то же самое для элемента пути, а также для элемента прямоугольника.

что происходит не так?

здесь нет решения.

как получить ограничивающую рамку или rect (getBBox()) для пути svg в jquery

поэтому я создал еще одну тему. это не дублирующий поток.

Спасибо,

Шива


svg jquery-svg
person SivaRajini    schedule 06.05.2013    source источник
comment
возможный дубликат как получить ограничивающая рамка или прямоугольник (getBBox()) для пути svg в jquery   -  person Robert Longson    schedule 06.05.2013
comment
Пожалуйста, предоставьте jsfiddle с вашей ошибкой, ваш код работает правильно для меня: jsfiddle.net/duopixel/UdLtx   -  person methodofaction    schedule 06.05.2013
comment
Я хочу получить прямоугольник или поле для сгруппированного пути SVG. см. ниже jsfiddle. jsfiddle.net/gFJyC   -  person SivaRajini    schedule 07.05.2013
comment
document.querySelector(#container_svg_ChartArea).getBBox();   -  person tdjprog    schedule 04.04.2019

Ответы (1)


arrow_upward
0
arrow_downward

Посмотрите этот пример о том, как получить ограничивающую рамку элементов svg и управлять ею.

http://www.janvas.com/illustrators_designers_developers/projects/janvas2D_web/examples_EN.php?exampleName=ufo_animation_EN

в целом

var svgElement = document.getElementById('the id of your element');
bbox = svgElement.getBBox();

console.log( bbox.x ) ;
console.log( bbox.y ) ;
console.log( bbox.width ) ;   
console.log( bbox.height ) ;
person Rik Del Mar    schedule 07.05.2013