zoukankan      html  css  js  c++  java
  • 为什么canvas.toDataURL获取图片是空白

     第一种写法(错误):

    var downLoadImgUrl = $("#QRCode-item canvas")[0].toDataURL("image/png");

     

    第二种写法(正确):

    var _fixType = function(type) {
        type = type.toLowerCase().replace(/jpg/i, 'jpeg');
        var r = type.match(/png|jpeg|bmp|gif/)[0];
        return 'image/' + r;
    };
    var type = 'png';
    var fixType = _fixType(type);
    downLoadImgUrl = $("#QRCode-item canvas")[0].toDataURL(fixType);
    downLoadImgUrl = downLoadImgUrl.replace(fixType, 'image/octet-stream');

    以上两种写法生成的图片地址:

     第三种写法(正确):

    var data = $("#QRCode-item canvas")[0].toDataURL().replace("image/png", "image/octet-stream;");//获取二维码值,并修改响应头部。
    var filename="tupian.png";//保存的图片名称和格式,canvas默认使用的png格式。这个格式效果最好。
    var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
    save_link.href = data;
    save_link.download = filename;
    
    var event = document.createEvent('MouseEvents');
    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    save_link.dispatchEvent(event);

    其他页面图片预览的src:

    ##################################################################################################################################################

     参考博文链接:https://www.it1352.com/718250.htmlhttps://www.bbsmax.com/A/xl56pYa1zr/

     参考博文素材:

  • 相关阅读:
    CLR
    Cocos2dx 3.12 在AndroidStudio上编译配置
    MFC 调试方法
    列表初始化
    类型转换
    Cocos2d-x 3.4在AndroidStudio上编译配置
    出发 Let's Go
    LumiSoft.Net邮件接收乱码问题解决
    百度地图经纬度转换JS版
    百度经纬度和google经纬度互转
  • 原文地址:https://www.cnblogs.com/syjp/p/13367419.html
Copyright © 2011-2022 走看看