html2canvas 将div内容转为图片解决图片跨域问题

最新推荐文章于 2025-07-28 11:38:33 发布

风儿轻丶

最新推荐文章于 2025-07-28 11:38:33 发布

阅读量3.1k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_21423689/article/details/79815073

本文介绍了一个利用html2canvas将指定DOM元素转换为PNG图片的方法，并提供了具体的实现代码。该方法通过设置跨域请求允许参数，确保了在不同源之间的资源加载能够顺利完成。

传送门

import html2canvas from 'html2canvas';
const getPicture = (dom,callback) => {	
	html2canvas(dom,{ useCORS: true }).then((canvas) => {
		let url = canvas.toDataURL("image/png",'1.0');
		(typeof callback === "function") && (callback(url));
	});
}
export default getPicture;

需要后台配合做跨域处理

后台配置