使用foreignObject 在SVG 中嵌入的div 元素不注册指针事件

foreignObject 的子 div 元素侦听指针事件,但是,它们不会在呈现它的 React 类组件中接收。有什么想法吗?

componentDidmount() {
  this.canvas = new draw2d.Canvas("canvas");
  this.canvas.on('select',this.handleCanvasFiguresSelected);
}

render() {
  return (
    <svg width="3960" height="2228" viewBox="0 0 3960 2228" fill="none" xmlns="http://www.w3.org/2000/svg" pointerEvents="all">
      <foreignObject y="100" x="100" width="100" height="100" pointerEvents="all">
        <div key={canvasKey} id="canvas" classname={builderCanvasClass} style={builderCanvasStyle} />
      </foreignObject>
      ...
    </svg>
  )
}
yujunjie19860211 回答:使用foreignObject 在SVG 中嵌入的div 元素不注册指针事件

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/272974.html

大家都在问