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


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

date: 2024-07-19 11:12:47
tags: vue3

javascript 复制代码
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();
相关推荐
捂月1 分钟前
Spring Boot 深度解析:快速构建高效、现代化的 Web 应用程序
前端·spring boot·后端
深度混淆8 分钟前
实用功能,觊觎(Edge)浏览器的内置截(长)图功能
前端·edge
Smartdaili China9 分钟前
如何在 Microsoft Edge 中设置代理: 快速而简单的方法
前端·爬虫·安全·microsoft·edge·社交·动态住宅代理
秦老师Q10 分钟前
「Chromeg谷歌浏览器/Edge浏览器」篡改猴Tempermongkey插件的安装与使用
前端·chrome·edge
滴水可藏海11 分钟前
Chrome离线安装包下载
前端·chrome
endingCode14 分钟前
45.坑王驾到第九期:Mac安装typescript后tsc命令无效的问题
javascript·macos·typescript
m512721 分钟前
LinuxC语言
java·服务器·前端
运维-大白同学43 分钟前
将django+vue项目发布部署到服务器
服务器·vue.js·django
Myli_ing1 小时前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
dr李四维2 小时前
iOS构建版本以及Hbuilder打iOS的ipa包全流程
前端·笔记·ios·产品运营·产品经理·xcode