Safari中带blur滤镜与clip-path的Canvas元素边缘模糊异常问题

已在Stack Overflow上调研过边缘与模糊滤镜相关的类似问题，但本次问题特指Canvas元素，暂未找到解决方案。

当前问题场景：

• 在带有clip-path的容器内放置Canvas元素，并为该Canvas添加模糊滤镜后，Safari（使用版本为16.5.2）中元素边缘仍呈现模糊状态
• 预期效果为Chrome中的表现：因clip-path遮罩，边缘呈现清晰状态

已尝试的解决方法：

• 将Canvas元素包裹在另一个div中，为外层div应用模糊滤镜，问题依旧
• 若使用img元素替代Canvas，Safari则会如预期般渲染出清晰边缘

用于说明问题的简易代码示例如下：

CSS代码：

.webgl-container {
  clip-path: inset(100px 100px);
}

canvas {
  filter: blur(30px);
}

内容的提问来源于stack exchange，提问作者Johnny Slack