如何检测元素是否被剪切路径隐藏

Question

我需要检测元素是否在具有剪切路径的svg上可见。

jQuery is(':visible')返回true，我试图将Intersection Observer与以下代码一起使用：

var element = document.querySelector('svg circle');
if (window.IntersectionObserver) {
  var observer = new IntersectionObserver(function(entries) {
    if (entries[0].intersectionRatio) {
      console.log('visible');
    } else {
      console.log('hidden');
    }
  }, {
    root: document.body
  });
  observer.observe(document.querySelector('svg'));
}

但是此日志对于隐藏圈子和可见圈子均可见，并且根据Can I use

在Safari中不起作用

有没有可以在Chrome，Safari，Firefox和Edge（我不在乎IE）中运行的解决方案，该解决方案可以检测元素是否在剪切路径中可见或隐藏？