使用 a 元素下载 base64 图片

<script>
  var imageUrl = 'https://jsmov2.a.yximgs.com/ufile/atlas/NTIwMzA2NTAxNjcxMjI0NjAyNV8xNjQ5NDg3NTAzODI0_5.jpg';
  var img = new Image();
  img.crossOrigin = 'Anonymous';
  img.onload = function() {
    var canvas = document.createElement('canvas');
    var ctx = canvas.getContext('2d');
    canvas.width = this.width;
    canvas.height = this.height;
    ctx.drawImage(this, 0, 0);
    var dataURL = canvas.toDataURL('image/jpeg');
    document.getElementById('hop').src = dataURL;
    document.getElementById('oo').href = dataURL;
    document.getElementById('oo').download = 'image.jpg';
  };
  img.src = imageUrl;
</script>

要使用 元素下载 base64 图片，需要设置 元素的 href 属性为 base64 图片的 data URL，同时设置 download 属性为要保存的文件名。

在上述代码中，我们获取了 元素的 id 为 "oo"，然后在 JavaScript 代码中设置了它的 href 属性为 dataURL，download 属性为 "image.jpg"，这样点击下载链接时就会下载 base64 图片。