svg 转 base64 img

需求：从接口中获取 svg 的 url，将获取到的内容转换为 Base64 的图片。

  function getBase64Image(img,width,height) {
    var canvas = document.createElement("canvas");
    canvas.width = width ? width : img.width;
    canvas.height = height ? height : img.height;

    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
    var dataURL = canvas.toDataURL();
    self.svgData = dataURL;
    return dataURL;
  }

new 一个 Image ，在 onload 方法中调用 getBase64Image 方法。使用 svgData 来将 dataURL 存起来。

getBase64(img){
  let self = this;
  ......
  var image = new Image();
  image.crossOrigin = '';
  image.src = img;
  var deferred=$.Deferred();
  if(img){
    image.onload =function (){
      deferred.resolve(getBase64Image(image));
    }
    return deferred.promise();
  }
}