JSFiddle - React, Tailwind, and code Playground

by Intesar Haider

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<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());
}

initViewer('myContainer')