大众计算机学习网

专门提供各种电脑教程

保存canvas图片

Admin | 2017-2-23 19:20:49 | 被阅次数 | 1653

  一、使用JavaScript将图片拷贝进画布

  function convertImageToCanvas(image) 

  {  

      var canvas = document.createElement("canvas");  

      canvas.width = image.width;  

      canvas.height = image.height; 

      canvas.getContext("2d").drawImage(image, 0, 0);  
  
      return canvas;  

  } 

  二、用JavaScript将画布保持成图片格式

  function convertCanvasToImage(canvas) 

  {  

    var image = new Image();  

    image.src = canvas.toDataURL("image/png");  

    return image;  

  }