console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Fabric.js Image Cropping</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.6/fabric.min.js"></script>
  </head>
  <body>
    <canvas id="ex2" width="400" height="400"></canvas>

    <script>
      var canvas = new fabric.Canvas("ex2");
      var clipPath = new fabric.Circle({
        radius: 40,
        top: -40,
        left: -40,
      });
      var rect = new fabric.Rect({
        width: 200,
        height: 100,
        fill: "red",
      });
      rect.clipPath = clipPath;
      canvas.add(rect);
    </script>
  </body>
</html>