javascript – 如何使用getContex(‘webgl’)在画布上复制另一个画布数据？

2019年7月21日 230次阅读

我有一个用于显示医学图像的画布,我有另一个用于通过绘制形状或线条来注释图像的画布.

当我在画布#2上画一条线时,我想要在画布#1上复制绘制的线条,如下所示：

  var context = canvas1.getContext('2d');
  context.drawImage(canvas2,0,0);

但是我的画布#1有一个getcontext(‘webgl’)我不能这样做.

我的意思是如何模拟

  drawImage() for getcontext('webgl')?

我非常感谢任何帮助或建议.

问候;

Zohreh

最佳答案 好吧,您可以使用webgl画布的toDataURL方法将其转换为图像.然后在2d上下文中绘制它.

ctx2D.drawImage(webGLCanvas.toDataURL("image/png"), 0, 0);

在这种情况下,我相信您可能必须在初始化时将webgl画布的preserveDrawingBuffer属性设置为true.

...getContext("webgl", {preserveDrawingBuffer: true});
点赞