Javascript 如何使用clip path CSS属性拍摄HTML节点的屏幕截图？（html2canvas不适用于此）

我正在使用library拍摄HTML节点的屏幕截图，但它根本无法识别

clip path

属性

（我在这里尝试复制错误时遇到了跨源问题，所以我制作了一个JSFIDLE）

俘获

.star mask{
剪辑路径：路径（'M55237 74-228 74228L9,96h240'）；
}
.广场{
背景色：红色；
宽度：200px；
高度：150像素
}

函数捕获（）{
让节点=document.querySelector（“.star mask”）
html2canvas（节点）
。然后（画布=>{
document.querySelector（'#root'）.appendChild（画布）
})
}

每次我点击“捕获”时，画布截图完全忽略星形的

剪辑路径

，只显示红色方块。我已经试过图书馆了，也遇到了同样的问题

还有其他解决方案可以解决这个问题吗？或者目前无法使用JavaScript捕获

剪辑路径

属性？

使用works for me

函数捕获（）{
让节点=document.querySelector（“.star mask”）
domtoimage.toPng（节点）
。然后（数据URL=>{
var img=新图像（）；
img.src=数据URL；
文件.正文.附件（img）；
})
}

.star mask{
剪辑路径：路径（'M55237 74-228 74228L9,96h240'）；
}
.广场{
背景色：红色；
宽度：200px；
高度：150像素
}

捕获

将html签出到图像

var node = document.getElementById('my-node');

htmlToImage.toPng(node)
  .then(function (dataUrl) {
    var img = new Image();
    img.src = dataUrl;
    document.body.appendChild(img);
  })
  .catch(function (error) {
    console.error('oops, something went wrong!', error);
  });

---

（from）。

这项功能目前尚未实现，因此您现在无法使用该库修复该问题。这是。