JSFiddle - React, Tailwind, and code Playground

by daneren2005

HTML

<link href="https://fonts.googleapis.com/css?family=Coming+Soon:400,700|Overlock|Overlock-Bold|Dancing+Script:400,700" type="text/css" rel="stylesheet">

<strong style="font-size: 27.80px;font-weight: bold; padding-left:30px;">Vista San Gabriel Elementary</strong><br>
<svg width="438" height="28">
  <text x="13.2" y="20.57033740234375" text-anchor="middle" transform="translate
(195.8249969482422 0)">
    <tspan style="font-size: 27.80px;font-weight: bold;">Vista San Gabriel Elementary</tspan>
  </text>
</svg>

<p/>

<strong style="font-family: 'coming soon';font-size: 27.80px;font-weight: 700; padding-left:10px;">Vista San Gabriel Elementary</strong><br>
<svg width="438" height="30">
  <text x="13.2" y="24.57033740234375" text-anchor="middle" transform="translate
(195.8249969482422 0)">
    <tspan style="font-family: 'coming soon'; font-size: 27.80px;font-weight: bold;">Vista San Gabriel Elementary</tspan>
  </text>
</svg>

<p/>

<strong style="font-family: 'overlock';font-size: 27.80px;font-weight: 700; padding-left:30px;">Vista San Gabriel Elementary</strong><br>
<svg width="438" height="30">
  <text x="13.2" y="24.57033740234375" text-anchor="middle" transform="translate
(195.8249969482422 0)">
    <tspan style="font-family: 'overlock'; font-size: 27.80px;font-weight: bold;">Vista San Gabriel Elementary</tspan>
  </text>
</svg>

<p/>

<strong style="font-family: 'dancing script';font-size: 27.80px;font-weight: 700; padding-left:30px;">Vista San Gabriel Elementary</strong><br>
<svg width="438" height="30">
  <text x="13.2" y="24.57033740234375" text-anchor="middle" transform="translate
(195.8249969482422 0)">
    <tspan style="font-family: 'dancing script'; font-size: 27.80px;font-weight: bold;">Vista San Gabriel Elementary</tspan>
  </text>
</svg>

JavaScript

$('svg').each(function() {
  var url = 'https://daneren.com:8081/ajax/getPhoto.php?svg=' + encodeURIComponent(this.outerHTML);
	$('<img src="' + url + '" style="width: ' + $(this).attr('width') + '; height: ' + $(this).attr('height') + 'px;"/>').insertAfter(this);
});