HTML5 canvas获取图片

最新推荐文章于 2024-08-13 15:21:44 发布

懒虫一个V

最新推荐文章于 2024-08-13 15:21:44 发布

阅读量1.9w

点赞数 3

分类专栏： J2EE HTML5 Javascript Web前端

本文链接：https://blog.csdn.net/spy19881201/article/details/25110991

版权

Javascript 同时被 3 个专栏收录

35 篇文章 1 订阅

订阅专栏

J2EE

29 篇文章 0 订阅

订阅专栏

Web前端

5 篇文章 0 订阅

订阅专栏

 
    //将图像输出为base64压缩的字符串  默认为image/png 
    
    var data  
    = canvas.toDataURL();     
    // returns "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt..." 
   
     //var data =  
    canvas.toDataURL('image/jpeg');  // 
    returns "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAA..." 
   
    //删除字符串前的提示信息 "data:image/png;base64," 
    
    var b64  
    = data.substring(  
    22 ); 
    
    //POST到服务器上，生成图片                     
    
 $.post(  
    "save.aspx" , { data  
    : b64, name  
    : filename },  
    function(){ 
    
    //OK 
    
 });