JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<!-- Created with Ai->Canvas Export Plug-In Version 1.0 (Mac) -->
<!-- By Mike Swanson (http://blogs.msdn.com/mswanson/)        -->
<!-- and MIX Online  (http://visitmix.com/)                   -->

<html lang="en">
 <head>
  <meta charset="UTF-8" />
  <title>sausage</title>
  <script>

    function init() {

      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");

      draw(ctx);
    }

    function draw(ctx) {

      // layer1/Path
      ctx.save();
      ctx.beginPath();
      ctx.moveTo(45.5, 192.2);
      ctx.lineTo(29.0, 184.3);
      ctx.lineTo(34.5, 195.1);
      ctx.lineTo(25.6, 204.2);
      ctx.lineTo(42.7, 200.9);
      ctx.lineTo(45.5, 192.2);
      ctx.closePath();
      ctx.fillStyle = "rgb(0, 255, 0)";
      ctx.fill();

      // layer1/Path
      ctx.beginPath();
      ctx.moveTo(124.1, 107.4);
      ctx.lineTo(115.7, 91.1);
      ctx.lineTo(113.5, 103.0);
      ctx.lineTo(101.0, 104.9);
      ctx.lineTo(116.6, 112.6);
      ctx.lineTo(124.1, 107.4);
      ctx.closePath();
      ctx.fill();

      // layer1/Group

      // layer1/Group/Path
      ctx.save();
      ctx.beginPath();
      ctx.moveTo(142.5, 113.0);
      ctx.bezierCurveTo(144.7, 115.2, 146.4, 118.0, 147.3, 121.2);
      ctx.bezierCurveTo(155.1, 148.0, 148.0, 175.7, 128.3, 195.5);
      ctx.bezierCurveTo(108.6, 215.2, 80.8, 222.3, 54.0, 214.5);
      ctx.bezierCurveTo(43.9, 211.6, 38.1, 201.0, 41.0, 190.8);
      ctx.bezierCurveTo(43.9, 180.7, 54.6, 174.9, 64.7, 177.8);
      ctx.bezierCurveTo(77.9, 181.6, 91.5, 178.1, 101.2, 168.4);
      ctx.bezierCurveTo(110.9, 158.7, 114.5, 145.1, 110.6, 131.9);
      ctx.bezierCurveTo(107.7, 121.7, 113.5, 111.1, 123.6, 108.2);
      ctx.bezierCurveTo(130.6, 106.2, 137.7, 108.3, 142.5, 113.0);
      ctx.closePath();
      ctx.fillStyle = "rgb(192, 38, 44)";
      ctx.fill();

      // layer1/Group
      ctx.restore();

      // layer1/Group/Path
      ctx.save();
      ctx.beginPath();
    ...