js 将网络图片格式转为base64 canvas 跨域
2024-09-04 21:12:42
function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, img.width, img.height);
var dataURL = canvas.toDataURL("image/png"); // 可选其他值 image/jpeg
return dataURL;
}
function main(src, cb) {
var image = new Image();
image.src = src + '?v=' + Math.random(); // 处理缓存
image.crossOrigin = "*"; // 支持跨域图片
image.onload = function(){
var base64 = getBase64Image(image);
cb && cb(base64);
}
}
main('网络图片地址', function(base64){
console.log(base64,'是否成功打印base64');
});
最新文章
- java中final,finally和finalize的区别
- maven编译项目时提示:cached in the local repository
- 汇编语言(学习笔记----寄存器CPU互作原理)
- HDU-4611 Balls Rearrangement 循环节,模拟
- 从数据库中,绑定JQuery Accordion控件---Repeater control
- 初学git &;&; 使用总结
- codeblock 设置背景颜色
- 使用onblur+alert+focus导致的死循环解决
- 从软件测试转型到C#上位机程序员
- python_项目_ATM和购物商城的程序
- Intellij IDEA超好用的快捷键
- WinForm-简单21点纸牌小游戏
- 用java编网页的学习流程,我的一些小心得(初学java到高深运用)
- 转--python 面试题
- tf.identity 个人理解
- ASP.Net各个命名空间及作用
- Spring boot 多模块项目 + Swagger 让你的API可视化
- WICED SDK 3.3.1
- python获取系统开机时间
- java swing:文本框添加滚动条