JSFiddle - React, Tailwind, and code Playground

by swesh

HTML

<div style="height:40px; width:165px; margin-top:1px; margin-left:5px;" id="dvMainC1">		
 <div style="height:20px; width:73px; margin-left:5px; margin-top:2px" id="dvMainC2">
  </div>
</div>

JavaScript

//create canvas
//for(i=1; i<3;i++)
//{
//var canvas = [];
var canvas = Raphael('dvMainC1');
var pap = document.getElementById('dvMainC1');
//alert(pap.offsetTop);
canvas.rect(pap.offsetLeft,pap.offsetTop, 160, 25, 5).attr({fill:"90-#cdcabd-#e8e6d7:5-#cdcabd-#f1f1f1:5-#e8e6d7-#e8e6d7:50:#e8e6d7-#cdcabd:49-#fff-#fff:25-#fff-#fff:24-#fff-#e8e6d7", stroke:"#b4b1a8"}).attr("stroke-width", "1");
canvas.text({x: 0, y: 0, text: "78"});
//}