拓展:base64

68 阅读1分钟

1、在JavaScript中,有两个函数分别用来处理编码和编码base64字符串

  1. atob():解码,解码一个Base64字符串;

  2. btoa():编码,从一个字符串或者二进制数据编码一个Base64字符串。

       <script>
         // 对字符串进行Base64编码
         let data = btoa('JavaScript')
         // 打印编码
         console.log(data)
    
         // 对编码进行解码
         let data2 = atob(data)
         // 打印解码后的结果
         console.log(data2)
      </script>
    

2、主要应用场景:将canvas画布内容生成base64的图片

  <canvas id="canvasId" wanth="200" height="200"></canvas>
  <script>
    let canvas = document.getElementById('canvasId')
    let context= canvas.getContext('2d')
    context.fillStyle = "#ff0000"
    context.fillRect(0,0,200,200)
    let base64Str = canvas.toDataURL()
    console.log(base64Str)
    </script>