antvis / G

💥 A flexible rendering engine for visualization.

Home Page:https://g.antv.antgroup.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[g] 多个画布下可交互 HTML 造成页面卡死

xiaoiver opened this issue · comments

创建两个 Canvas:

const canvas1 = new Canvas({
  container: $div1,
  width: 600,
  height: 500,
  renderer: canvasRenderer1,
});

const canvas2 = new Canvas({
  container: $div2,
  width: 600,
  height: 500,
  renderer: canvasRenderer2,
});

添加 HTML 并开启交互:

canvas1.appendChild(
  new HTML({
    id: 'html1',
    style: {
      x: 100,
      y: 100,
      width: 100,
      height: 100,
      innerHTML: 'canvas1',
      pointerEvents: 'auto',
    },
  }),
);

此时 hover 到 HTML 上页面就会卡死