¿Cuál es la forma correcta de obtener el tamaño del objeto 'papel' con SnapSVG, tan pronto como se haya creado?

Mi HTML tiene el siguiente aspecto:

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

Y luego el 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());
}

Lo que observo aquí es que el cuadro delimitador tiene '0' para todos los atributos, por lo que no puedo confiar en los valores del cuadro delimitador aquí. ¿Hay alguna forma de hacer esto, sin tener que ir a un elemento padre?

Lo que esencialmente quiero de todo esto es el ancho y la altura del SVG, por lo que puedo dibujar las formas del tamaño apropiado para la vista.

JS Fiddle, ilustrando el problema:https://jsfiddle.net/ajmas/kdnx2eyf/1/