自学内容网 自学内容网

后端配置了相关字段后的前端跨域处理


title: 后端配置了相关字段后的前端跨域处理
date: 2024-07-19 11:12:47
tags: vue3

const urlTest = () => {
  let url = "图片链接";
  var img = new Image();
  img.setAttribute("crossOrigin", "anonymous");
  img.src = url;

  img.onload = function () {
    let canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    let context = canvas.getContext("2d");
    context.drawImage(img, 0, 0, img.width, img.height);
    let quality = 0.8;
    // 这里的dataurl就是base64类型
    let item = canvas.toDataURL("image/png", quality);
    console.log(item);
  };
};
urlTest();


原文地址:https://blog.csdn.net/qq_55097440/article/details/140544102

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!