Как правильно получить размер «бумажного» объекта с помощью SnapSVG, как только он был создан?

Мой HTML выглядит примерно так:

<div id="myContainer" style="width: 900px; height: 100px" />

И затем код Javascript:

function initViewer(elementId) {
    var element, elementRef, snap;
    elementRef = '#' + elementId;
    element = $(elementRef);
    element.append('<svg style="width: ' + element.width() + 'px; height: ' + element.height() + 'px; border: solid 1px black;"/>');
    snap = Snap(elementRef + ' svg');
    console.log(snap.getBBox());
}

Здесь я наблюдаю, что ограничивающий прямоугольник имеет «0» для всех атрибутов, поэтому я не могу полагаться на значения ограничивающего прямоугольника здесь. Есть ли способы сделать это, не переходя к родительскому элементу?

По сути, я хотел бы получить от всего этого ширину и высоту SVG, чтобы я мог рисовать формы соответствующего размера для вида.

JS Fiddle, иллюстрирующий проблему:https://jsfiddle.net/ajmas/kdnx2eyf/1/