Safari 下垂直线或者直线会选中 dropShadow 高亮时，线段会消失

[awpsawps12]

Describe the bug

Safari 下，使用 dropShadow 实现线段高亮，在水平线段和垂直线段高亮时线段会消失，但折线不会。
具体效果见录屏。

Your Example Website or App

none

Steps to Reproduce the Bug or Issue

graph.on('edge:selected', ({ cell }) => {
      cell.attr('line/filter', {
        name: 'dropShadow',
        args: {
          dx: 2,
          dy: 2,
          blur: 3,
          color: 'skyblue',
        },
      });
    });

Expected behavior

线段高亮正常显示

Screenshots or Videos

2023-05-08.18.58.53.mov

Platform

• OS: macOS
• Browser: Safari
• Version: 16.4

Additional context

No response

[NewByVector]

使用 filterUnits 属性可以解决该问题。

filter: {
  name: 'dropShadow',
  args: {
    dx: 2,
    dy: 2,
    blur: 3,
    color: 'skyblue',
  },
  attrs: {
    width: "100%",
    height: "100%",
    filterUnits: "userSpaceOnUse"
  }
}

可以参考这个 demo。

[awpsawps12]

谢谢 @NewByVector ，但是使用 userSpaceOnUse 后，在 autoResize 的画布中又会有如下问题：

2023-05-09.11.18.43.mov

[NewByVector]

@awpsawps12 暂时还没有定位到具体原因，我们会继续排查。