默认字体
// 苹果手机默认字体为
font-family:simsun;
// 安卓和H5默认字体为
font-family: initial;
屏幕截图(html-to-image)
// 这里只做js部分(vue3使用)import * as htmlToImage from 'html-to-image';let imgcanvas = ref('') // 图片标签img的src指向const captureScreen =() => {// 截图的容器var target = document.querySelector('.container')setTimeout(async ()=>{// 下面的await在安卓和H5上,只需要执行一次,拿到地址即可// 在苹果设备上需要最低执行三次才能拿到地址渲染出完整图片(做项目遇到的坑,前两次均渲染不全)const dataUrl = await htmlToImage.toPng(target)const dataUrl2 = await htmlToImage.toPng(target)const dataUrl3 = await htmlToImage.toPng(target)const dataUrl4 = await htmlToImage.toPng(target)imgcanvas.value = dataUrl4 //(base64格式的图片地址)},100)};
