前端——Base64处理

A_Ghost

获取本地的图片处理成base64

getBase64(url, callback){
      var canvas = document.createElement("canvas");   //创建canvas DOM元素,并设置其宽高和图片一样
      var ctx = canvas.getContext("2d");
      var img = new Image;
      img.crossOrigin = 'Anonymous';
      img.src = url;
      console.log(url)
      img.onload = function () {
          canvas.height = 60; //指定画板的高度,自定义
          canvas.width = 60; //指定画板的宽度,自定义
          ctx.drawImage(img, 0, 0, 60, 60); //参数可自定义
          var dataURL = canvas.toDataURL();
          callback.call(this, dataURL); //回掉函数获取Base64编码
          canvas = null;
      };
    },

调用:

shareGame(){
      this.getBase64('../assets/logo.png',function (base64){
        console.log(base64)
          let image = base64,
      })
    },
阅读 200
7 声望
0 粉丝
0 条评论
你知道吗?

7 声望
0 粉丝
宣传栏