JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.1/fabric.min.js"></script>
<canvas id="svg" width="300" height="150"></canvas>
CSS
section {
padding:30px;
line-height:1.5;
}
canvas {
border: 10px solid #fff;
box-shadow: 0 0 1px #999;
}
h2 {
margin-bottom: 0;
}
div + div {
margin-top: 50px;
}
JavaScript
var canvas = document.getElementById('svg');
var context = canvas.getContext('2d');
var image = new Image();
image.onload = function() {
context.drawImage(image, 0, 0);
}
image.src = 'http://titleist.ftsdesign.com/build/assets/images/markyourtitleist/numbers/prov1/9.svg';