HTML5画布节省

时间:2015-05-16 08:13:36

标签: html5-canvas

 I have an html5 canvas and one image object to save this canvas   contents 

(所有图纸:图像,绘图,......)。      我想从1个按钮播放这2个对象的顺序(zindex),如下所示:      当我想画画时,我将画布称为顶部。      当我想保存我呼叫图像到顶部(完整与datURL)。 (并右键单击以保存为PNG)     这些切换操作必须重复且可靠。

我使用了这段代码(在onclick按钮调用的函数中),但第二次失败(画布有新内容)!

  var canvas = document.getElementById('ycanvas1');
   // save canvas image as data url (png format by default)
  var dataURL = canvas.toDataURL();
  // set canvasImg image src to dataURL - it can be saved as an image
 document.getElementById('canvasImg').src = dataURL;

注意:我使用IE olecontrol嵌入表单(在本地工作)。是否有任何安全限制?

1 个答案:

答案 0 :(得分:0)

我想在第一种情况下:

call    exit

在第二种情况下:

    canvas.style.display="none"  // hide the canvas
    img.style.display=""              //show the image