1. 图片缓存问题
Img标签src拼接的一个图片接口路径,每次点击打开时走缓存,不重新渲染,本来打算弹框关闭后执行强制刷新,但不符合实际应用,在弹框上添加key也无用;最后添加随机数,在src请求接口后添加一个参数调用Math.random(),每次打开弹窗,图片自动重新加载
2.导出图片
传参:图片路径和下载后的图片名字
/**
* @param imgSrc 图片路径
* @param imgName 下载图片名
*/
Vue.prototype.downLoadImage = function (imgSrc,imgName = 'picture') {
let image = new Image();
// 解决跨域 Canvas 污染问题
image.setAttribute("crossOrigin", "anonymous");
image.onload = function() {
let canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
let context = canvas.getContext("2d");
context.drawImage(image, 0, 0, image.width, image.height);