问题阐述:
-
在导出文件时存在图片地址会出现图片过大无法展示全问题，给img设置大下后也不生效
image.png
解决方案：
打开jquery.wordexport.js文件
image.png
在文件内搜索markup.find('img')（大概在30几行左右）
image.png
注释以下代码：
var img = markup.find('img');
// var img = new Image()
for (var i = 0; i < img.length; i++) {
// Calculate dimensions of output image
var w = 500
// var w = Math.min(img[i].width, options.maxWidth);
var h = img[i].height * (w / img[i].width);
// Create canvas for converting image to data URL
// let canvas = document.createElement("CANVAS");
// canvas.width = w;
// canvas.height = h;
// var imgId = '#' + img[i].id
// img[i].src = img[i].src.replace("https","http")
// $(canvas).attr("id", "test_word_img_" + i).width(w).height(h).insertAfter(imgId)
// // Draw image to canvas
// var context = canvas.getContext('2d');
// context.drawImage(img[i], 0, 0, w, h);
// // Get data URL encoding of image
// var uri = canvas.toDataURL("image/png");
// console.info('uri', uri)
// $(img[i]).attr("src", img[i].src);
// img[i].width = w;
// img[i].height = h;
// // Save encoded image to array
// images[i] = {
// type: uri.substring(uri.indexOf(":") + 1, uri.indexOf(";")),
// encoding: uri.substring(uri.indexOf(";") + 1, uri.indexOf(",")),
// location: $(img[i]).attr("src"),
// data: uri.substring(uri.indexOf(",") + 1)
// };
}
image.png
在img内添加以下代码：
var images = Array();
var img = markup.find('img');
// var img = new Image()
for (var i = 0; i < img.length; i++) {
// Calculate dimensions of output image
var w = 500
// var w = Math.min(img[i].width, options.maxWidth);
var h = img[i].height * (w / img[i].width);
img[i].width = w
img[i].height = h
// // Create canvas for converting image to data URL
// let canvas = document.createElement("CANVAS");
// canvas.width = w;
// canvas.height = h;
// var imgId = '#' + img[i].id
// img[i].src = img[i].src.replace("https","http")
// $(canvas).attr("id", "test_word_img_" + i).width(w).height(h).insertAfter(imgId)
// // Draw image to canvas
// var context = canvas.getContext('2d');
// context.drawImage(img[i], 0, 0, w, h);
// // Get data URL encoding of image
// var uri = canvas.toDataURL("image/png");
// console.info('uri', uri)
// $(img[i]).attr("src", img[i].src);
// img[i].width = w;
// img[i].height = h;
// // Save encoded image to array
// images[i] = {
// type: uri.substring(uri.indexOf(":") + 1, uri.indexOf(";")),
// encoding: uri.substring(uri.indexOf(";") + 1, uri.indexOf(",")),
// location: $(img[i]).attr("src"),
// data: uri.substring(uri.indexOf(",") + 1)
// };
}
image.png
