Fabric.js 将一个矩形剪裁到另一个矩形

Question

我正在尝试使用新的 clipPath 属性通过较大的绿色矩形剪辑较小的蓝色矩形。我想要的是当蓝色矩形离开绿色矩形时，蓝色矩形应该被剪裁到绿色矩形的边界。

const canvas = new fabric.Canvas(elementId, { preserveObjectStacking: true })

const container = new fabric.Rect({
    fill: "green",
    width: 200,
    height: 200,
})

const bar = new fabric.Rect({
    fill: "blue",
    width: 100,
    height: 100,
})
bar.clipPath = container

canvas.add(container)
canvas.add(bar)