我有一个用于显示医学图像的画布,我有另一个用于通过绘制形状或线条来注释图像的画布.
当我在画布#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});