加载图像而不在gl-react中渲染Surface

Question

我正在使用gl-react-dom进行图像处理。我正在使用以下代码段：

render() {
  const { factor } = this.props
  return (
    <Surface width={1200} height={800}>
      <BlurXY factor={factor}>
        some image url
      </BlurXY>
    </Surface>
  )
}

该代码段来自gl-react提供的示例codes之一。

但是，我想将Surface转换为数据url，因为Surface具有here中所述的这些捕获方法。

有什么办法可以做到完全而无需在浏览器中渲染Surface？我需要它，因为我的应用程序仅在浏览器中显示图像URL，并使所有处理都隐藏在视图中。

在npm canvas中，我曾经在这样的局部变量中创建画布：

let tempCanvas = createCanvas(width, height)

并在那里进行所有渲染，最后将其转换为URL。我想在这里实现类似的目标。

您能在这里帮我吗？