Javascript 在fabric.js中将组用作掩码

我想创建一个300px宽200px高的组，然后在该组中加载一些内容。当我加载大于组维度的图像时，它会在组外出血。我希望“裁剪”图像（类似于CSS溢出：隐藏属性）

---

这可能吗？

要完成任务，您应该使用图像上的功能，组上的

clipTo

功能已经有了，顺便说一句，您可以通过将组的维度和位置转换为clipTo功能来解决这一问题：

clipTo:Function§确定对象剪裁的函数 （上下文作为第一个参数传递）请注意，上下文原点位于 对象的中心点（不是左/上角）

查看，然后在对图像执行剪辑操作后，可以将其添加到组中（在脚本下面运行以查看示例）

var canvas=window.\uu canvas=newfabric.canvas（'c'）；
var路径http://fabricjs.com/lib/pug.jpg';
var_img=新图像（）；
_img.onload=函数（img）{
var dog=新结构。图像（_img{
左:100,，
前100名，
宽度：300，
身高：300，
可选：false，
clipName:'狗'，
clipTo：功能（ctx）{
ctx.rect（0,0,50,50）；
}
});
var group=新结构组（[dog]{
左:100,，
前100名，
宽度：100，
身高：100，
边框颜色：“黑色”，
});
canvas.add（组）；
};
_img.src=路径；
canvas.renderAll（）