餐饮小程序

会员中心

// 支付宝小程序的 JS-SDK 防止 404 需要动态加载，如果不需要兼容支付宝小程序，则无需引用此 JS 文件。 // QQ 小程序 // 微信小程序 JS-SDK 如果不需要兼容微信小程序，则无需引用此 JS 文件。 // 头条小程序 JS-SDK 如果不需要兼容头条小程序，则无需引用此 JS 文件。 // 百度小程序 JS-SDK 如果不需要兼容百度小程序，则无需引用此 JS 文件。 // quickapp //这里是重点，获取想要保存的html结构，然后设置相应的样式， let canvas2 = document.createElement('canvas'), // 创建canvas _canvas = document.querySelector('.main-box'), //此处可换body，或div等我们一般可以放绘制的元素 //将canvas画布放大若干倍，然后盛放在较小的容器内，就显得不模糊了 rect = $('.main-box').get(0).getBoundingClientRect(); //获取元素相对于视察的偏移量 context.translate(-rect.left, -rect.top); //设置context位置，值为相对于视窗的偏移量负值，让图片复位 useCORS: true, // 允许图片跨域 width: 584, // 绘制图片的宽 2倍 dpi: window.devicePixelRatio * 2, // dpi 如果模糊的话就把dpi和scale缩放的值调大 dpi越高生成的图片越大 height: 1188 // 绘制图片的高 2倍 var url = canvas.toDataURL() //把canvas转成base64 imgData: base64, // 刚才拿到的base64 数据