const targetAspectRatio = 1;
 globalClipPath = {
   type:  "path",
   path:  "M 877.2581 421.1616 C 892.3348 463.0366 900.7789 505.7588 905.9127 548.8684 C 908.9437 574.3213 905.8524 600.4429 906.9332 626.2044 C 908.1427 655.0376 902.8958 682.9141 896.2157 710.522 C 892.5287 725.7608 886.6197 740.583 880.5119 755.0877 C 870.6154 778.5889 857.1021 800.0789 840.2639 819.2622 C 806.2476 858.0161 763.8082 884.0799 714.3684 897.3792 C 689.7241 904.0086 663.9238 907.0095 638.4383 909.6165 C 620.1588 911.4861 601.488 910.8142 583.073 909.8003 C 548.519 907.8977 514.0755 905.0269 480.56 895.0723 C 451.8454 886.5437 422.4934 880.0989 393.9603 871.0408 C 365.7647 862.0896 337.8957 851.865 310.5156 840.655 C 279.0887 827.7886 247.8885 814.1721 217.4555 799.1299 C 187.3546 784.252 157.6235 768.3472 129.009 750.8069 C 88.3703 725.8958 56.0603 692.3408 32.7011 650.3792 C 15.9486 620.2852 5.096 588.1011 1.4413 554.1653 C -1.5031 526.8284 -0.1403 499.2542 7.3777 472.1939 C 18.8806 430.7908 36.8831 392.2041 59.2602 355.9683 C 77.5954 326.2776 98.3921 297.9788 119.6687 270.2691 C 141.2868 242.1145 163.072 213.6905 188.0222 188.605 C 212.8608 163.6321 241.234 142.042 268.977 120.1331 C 290.6257 103.0371 313.0788 86.7903 336.2393 71.813 C 386.6004 39.2464 439.7877 12.6084 499.64 2.3216 C 528.7746 -2.6855 557.4563 0.9014 586.0073 8.481 C 630.2715 20.2317 669.2988 40.5608 702.5305 72.51 C 723.6073 92.7732 742.6876 114.4329 756.5547 140.1111 C 775.4444 175.0904 794.1164 210.2327 811.3845 246.0279 C 825.3914 275.063 838.3053 304.7446 849.6424 334.9141 C 860.153 362.8843 867.9327 391.8809 877.2581 421.1616 Z",
   left:  0,
   top:  0,
   evented:  false,
   targetAspectRatio:  targetAspectRatio
};
 editor.availableFonts = [
  "Audiowide",
   "Bebas Neue",
   "Bangers",
   "Gugi"
];
 editor.loadFonts();
 editor.addGlobalClipPath(globalClipPath);
 editor.background = "#000000";
 editor.updateGrid(1,  1,  0,  false);
 editor.productShape = 'Triangle Shape';
 editor.render();

33%