[g] 异步加载的图片配合 ClipPath 使用问题

[xiaoiver]

S2 复现 DEMO：
https://codesandbox.io/s/cold-snow-xccxtv?file=/index.ts

[xiaoiver]

最小复现代码：

const image = new Image({
  style: {
    x: 200,
    y: 100,
    width: 200,
    height: 200,
    img: 'https://gw.alipayobjects.com/mdn/rms_6ae20b/afts/img/A*N4ZMS7gHsUIAAAAAAAAAAABkARQnAQ',
    cursor: 'pointer',
    pointerEvents: 'pixels',
  },
});

const image2 = new Image({
  style: {
    x: 250,
    y: 150,
    width: 200,
    height: 200,
    img: 'https://gw.alipayobjects.com/mdn/rms_6ae20b/afts/img/A*N4ZMS7gHsUIAAAAAAAAAAABkARQnAQ',
    cursor: 'pointer',
    pointerEvents: 'pixels',
  },
});

可以看到第二个 Image 展示不全，g-canvas 脏矩阵擦除导致。换成 Rect 也没问题：