JSFiddle - React, Tailwind, and code Playground

by Harsh Kansagara

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.3/fabric.min.js"></script>
<input type="text" class="canvas_settings canvas_width" placeholder="Width" value="600">
<input type="text" class="canvas_settings canvas_height" placeholder="Width" value="600">
<select class="canvas_settings canvas_count">
  <option value="0">Select No Of Images</option>
  <option value="1">1</option>
  <option value="2" selected>2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>
<button class="canvas_download">Download</button>
<ul class="post_data"></ul>
<canvas id="myCanvas" width="600" height="600"></canvas>

JavaScript

var post = {
  el: {
    canvas: '',
    canvasObj: '',
  },

  data: {
    iconsHeight: 100,
    cWidth: '',
    cHeight: '',
    imgHeight: '',
    imgWidth: '',
    imgCount: '',
    clipMasks: [],
    images: [],
    layers: [],
    layersCount: 0,
    like:...