Javascript 如何在画布边界（Fabric JS）之外显示选定对象的蓝色选择边界？

我使用的是fabric js v4.1.0，我想在画布边界外显示所选对象的蓝色选择边界，如果该对象部分从画布中拖出，并具有缩放和旋转功能，作为画布内选择的对象

下面是我当前代码的演示

我想要这样的东西

---

仅当对象位于画布内时，才能执行此操作，因为它是可以绘制的区域；工作区可以是假的画布区域，如使画布完整区域，但显示较小的黑色rectangle@ShubhamSrivastava非常感谢。但是，如果我想下载剪辑区域，我该如何实现。你可以参考这里显示的剪辑功能，也可以像“谢谢你”一样导出它。它帮助了我很多-@shubhamsrivastavao你只能在对象位于画布内时执行此操作，因为它是你可以绘制的区域；工作区可以是假的画布区域，如使画布完整区域，但显示较小的黑色rectangle@ShubhamSrivastava非常感谢。但是，如果我想下载剪辑区域，我该如何实现。你可以参考这里显示的剪辑功能，也可以像“谢谢你”一样导出它，它帮助了我很多-@ShubhamSrivastava

function isCanvasSupported() {
   var elem = document.createElement("canvas");
   return !!(elem.getContext && elem.getContext("2d"));
}

if (!isCanvasSupported()) {
   document.getElementById("nocanvas").className = "";
   document.getElementById("myCanvas").className = "hidden";
} else {
   // Constants
   var canvasHeight = 580;
   var canvasWidth = 865;

   var canvas = new fabric.Canvas("myCanvas");
   canvas.setHeight(canvasHeight);
   canvas.setWidth(canvasWidth);

   var rect = new fabric.Rect({
      left: 150,
      top: 100,
      fill: "#eef",
      width: 150,
      height: 250
   });

   canvas.add(rect);
}