fabric

fabric

by Paul Smith

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.22/fabric.min.js"></script>
 <canvas id="c" width="600" height="500"></canvas>

CSS

.myStyle {
  color:#fff000;
  }

JavaScript

(function() {
  var canvas = this.__canvas = new fabric.StaticCanvas('c');
  //var canvas = document.querySelector("canvas").getContext("2d");
  
  function colorFromCSSClass(className) {
  var tmp = document.createElement("div"), color;
  tmp.className = className;
  document.body.appendChild(tmp);  // required in some browsers
  color = getComputedStyle(tmp).getPropertyValue("color");
  document.body.removeChild(tmp);
  return color
}
var fill = colorFromCSSClass("myStyle");

  canvas.add(
    new fabric.Circle(
    { top: 0, left: 0, radius: 75, 
    fill: fill
    }
    )
  );
  

})();