使用 html2canvas 生成图片时如何避免原页面的图片放大?-灵析社区

卑微实习僧

html2canvas生成图片时,原HTML的图片被放大 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/04de68144434a258f94c7d394c741df1.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/17b20df5c8faa4084a0a5173c75f0a11.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/e9c6afa1dc97712c3833c6f6f38a55ab.png)

阅读量:167

点赞量:0

问AI
import html2canvas from "html2canvas"; const dom = document.getElementById(""); html2canvas(dom, { width: '', //宽度 height: '', //高度 backgroundColor: "#fff", //背景色,设置null为透明 allowTaint: false, //是否允许跨域图片 useCORS: true, //是否尝试使用CORS从服务器加载图像 scale: 2, //渲染的比例,默认为浏览器设备像素比例 logging: false //启用日志进行调试 foreignObjectrendering: false, //如果浏览器支持,使用ForeignObject渲染 } as any).then((canvas) => { let base64 = canvas.toDataURL("image/png"); console.log("====base64===", base64); });