Qual é a maneira correta de obter o tamanho do objeto 'paper' com o SnapSVG, assim que ele é criado?

Meu HTML tem a seguinte aparência:

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

E então o código 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());
}

O que observo aqui é que a caixa delimitadora tem '0' para todos os atributos, portanto não posso confiar nos valores da caixa delimitadora aqui. Existem maneiras de fazer isso, sem ter que ir para um elemento pai?

O que eu quero essencialmente é que tudo isso é a largura e a altura do SVG, para que eu possa desenhar as formas do tamanho apropriado para a visualização.

JS Fiddle, ilustrando a questão:https://jsfiddle.net/ajmas/kdnx2eyf/1/