JSFiddle - React, Tailwind, and code Playground

by esteewhy

HTML

<!--
<script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/rgbcolor.js"></script> 
<script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/canvg.js"></script>
-->
<canvas id="canvas" width="1000px" height="600px"></canvas> 

<!--<object data='http://docs.google.com/uc?id=0B3Bw0PrUAi8gQy1TSER0OWpYcWM' />-->

JavaScript

//load '../path/to/your.svg' in the canvas with id = 'canvas'
  
//canvg('canvas', 'file:///C:/Users/tstrypko/Google%20Drive/Images/dniprofoil/voskhod.svg');
//canvg('canvas', 'http://docs.google.com/uc?id=0B3Bw0PrUAi8gQy1TSER0OWpYcWM');

var canvas = document.getElementsByTagName('canvas')[0];
canvas.width = canvas.height = 600;
var ctx = canvas.getContext('2d');
var img = new Image;
img.onload = function(){ ctx.drawImage(img,0,0); };
img.src='http://docs.google.com/uc?id=0B3Bw0PrUAi8gVVQwbG1zSm1vMEE';