reactjs - 画布：在 Windows 上未完全渲染的线条

Question

在我的 React 应用程序中，我有一个视频元素，我从中抓取一个帧并添加到画布中。然后我让用户使用鼠标在画布上绘图。在 Mac（最新的 Firefox、Chrome、Safari）上，这可以完美运行。在 Windows 上，存在线条未完全绘制的问题。

我在这里制作了一个带有重现问题的代码框： https ://codesandbox.io/s/jnj2q63z4v

重现步骤：

1. 等待视频加载。
2. 单击屏幕截图按钮。
3. 尝试在画布上绘画。如果您尝试绘制逆时针圆圈，我认为该错误最容易重现。

标签： reactjscanvashtml5-canvas