Загрузка изображения без рендеринга поверхности в gl-реагировать

Question

Я использую gl-Reaction-DOM , чтобы сделать некоторую обработку изображения. Я использую следующий фрагмент:

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

Фрагмент кода взят из одного из примеров кодов , предоставленных gl-реагировать.

Однако я хочу преобразовать Surface в URL-адрес данных, поскольку у Surface есть эти методы захвата, как описано здесь .

Можно ли как-нибудь сделать это без рендеринга Surface вообще в браузере? Мне это нужно, поскольку мое приложение отображает только URL изображения в браузере и скрывает всю обработку от просмотра.

В npm canvas я использовал для создания холста локальную переменную, подобную этой:

let tempCanvas = createCanvas(width, height)

и сделайте всю визуализацию там и, наконец, преобразуйте ее в URL. Я хочу добиться чего-то подобного здесь.

Не могли бы вы помочь мне здесь?