如何使用 Konva React (konva-react) 从舞台捕获流？

Question

我想从 Konva Stage 捕获流。

在我使用常规

<canvas ref={canvasRef} />

之前。在

let canvas = canvasRef.current

之后，我能够使用

let mediaStream: MediaStream = canvas.captureStream(30)

捕获流。

有谁知道我如何使用 konva-react 达到相同的结果？

我已经尝试过

<Stage ref={stageRef}>...</Stage>

，然后

let canvas = stageRef.current.getStage().toCanvas()

，但显然它不起作用。

ps。我之前对

ref.current

进行了空检查，所以

canvasRef

和

stageRef

都不能为空

感谢您的帮助！

Answer 1

在 konva 上，

Stage

没有自己的画布。但是

Layer

拥有它。

<Layer ref={layerRef}>...</Layer>

const canvas = layerRef.current.getNativeCanvasElement();
const mediaStream = canvas.captureStream(30)