JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://makemydesign.com/demo/js/js/kc-rotate.js"></script>
<canvas id="c" width="250" height="400"></canvas><br>
<button id="buttonrotatecanvasH">horizontal<button>
<button id="buttonrotatecanvasV">vertical<button>

JavaScript

// canvas
var canvas = new fabric.Canvas('c');
canvas.backgroundColor = "green";

// text
var text = new fabric.Text('Text inside canvas', { 
                           left: 20, 
                           top: 50 
                           });
text.hasRotatingPoint = true;
canvas.add(text);


// circle
var circle = new fabric.Circle({
                               left: 200,
                               top: 150,
                               radius: 80,
                               fill: "#dd0000"
                               });

circle.hasRotatingPoint = true;
canvas.add(circle);

var canvastorotate=document.getElementById("c");
var buttoncanvas=document.getElementById("buttonrotatecanvasH");
var buttoncanvasV=document.getElementById("buttonrotatecanvasV");
var canvasdegrees=0;
buttoncanvas.onclick=function(){
    rotate(canvastorotate,90);
    canvasdegrees=90;
}

buttoncanvasV.onclick=function(){
    rotate(canvastorotate,0);
    canvasdegrees=0;
}