Html5 canvas 同时更新画布

我有一个asp.net网站。 我有4个画布控件。 我正在从我的客户端桌面应用程序从4个不同的摄像头上传JPEG。 每个摄像头1个画布控件

一切都很好

现在，我只用一个摄像头。这架照相机的分辨率更高。 在客户端，我仍然将这个较大的图像分割为4个部分。 然后我上传所有4个部分，并像以前一样更新每个画布元素

现在，当相机上有运动时，会出现“微光”运动，因为每个图像部分都会按顺序更新

我曾经考虑过隐藏画布控件并在所有4个部分都更新时显示，但这是画布控件的最佳解决方案吗

---

谢谢

也许不要分割图像&在显示更大的图像时使用1块更大的画布？@markE Hi Mark，我正在考虑这个问题。我现在已经切换到使用1个大画布和使用x，y定位的putImageData。即使在我打字的时候，我仍然在把它放在一起。但是，为了避免“闪烁”，进来的图像必须被分割成4个，并合并为1个。图像被分成4个部分，以减少我在任何时候通过wcf上传的字节数。我发现，当上传大字节数组时，它会“拖拽”上传流，如果我拆分它们，FPS会保持较高。我没有证据证明这仅仅是一个观察。使用drawImage将4幅图像拼接在一起更简单，性能更好。@markE Hi。我得到的字节数组调用了一个通用处理程序。从那里我将把字节加载到一个jpeg.js类中。然后，我使用这个JS类中的copyToImageData将其放入我的ctx1.getImageData0,0360288对象中，然后使用canvas对象中的putImageData。因为我直接处理jpeg字节对象，所以我不认为我可以使用drawImage。可能是错误的lol。那么图像是在画布上绘制的同一位置拍摄的，而不涉及服务器吗？您的相机能否以图像格式而不是字节数组传送数据？我这样问是因为getImageData+putImageData是性能杀手，可能是导致您闪烁的延迟的原因。