Html5 canvas 如何使剪辑路径外的图像仍在显示，但在fabric.js中剪掉的图像更暗？ 我有一个矩形剪辑路径的图像。如何使剪辑路径外的图像区域更暗，如下图所示。

这是我的密码：

var canvasObject=document.getElementById（“editorCanvas”）； //将画布设置为与div相等的大小 $（canvasObject）.width（$（“#canvasContainer”）.width（）； $（canvasObject）.height（$（“#canvasContainer”）.height（）； var canvas=new fabric.canvas（'editorCanvas'{ 背景颜色：“白色”， 选择线宽：2， 宽度：$（“#画布容器”）.width（）， 高度：$（“#画布容器”）。高度（） }); //创建剪切路径 var rectClippingPath=new fabric.Rect({ 前100名， 左:100,， 宽度：200， 身高：200， 填充：“红色”， 绝对正确 }); //创造形象 var newImage=newfabric.Image（）； newImage.clipPath=rectClippingPath； canvas.add（newImage）； newImage.setSrc（'http://fabricjs.com/assets/pug_small.jpg“，（图像对象）=>{ set（{left:50，top:50}）； canvas.setActiveObject（newImage）； newImage.setCoords（）； canvas.requestRenderal（）； })

#画布容器{
宽度：100%；
高度：100vh；
背景颜色：灰色；
}

---

据我所知，fabricjs没有专门的方法。克利帕斯把所有的东西都剪掉了，你再也看不出来了。可能您必须使用自己的方法创建自己的对象来实现此行为，这是一个非常复杂的问题