一、跨平台打印转pdf渲染
pdf渲染模式可以支持国产化系统,和手机系统,安卓,苹果系统,qq浏览器,火狐,谷歌刘安祺
二、代码
/*
///cyberwin_offline_database_printtemp.js
未来之窗打印模板解析技术 2024-09
LeftMargin="0" TopMargin="0" RightMargin="0" BottomMargin="0"
ReportPage
打印机 打印预览
面设置 = 打印数据返回.pageset;
//rror: Invalid arguments passed to jsPDF.text
*/
function 未来之窗_打印数据渲染到预览_html(打印数据返回,预览窗口宽度,预览窗口高度){
var 打印数据 = 打印数据返回.data;
var 页面设置 = 打印数据返回.pageset;
console.log("未来之窗_打印数据渲染到预览_html");
console.log(打印数据);
var page_w = parseInt(页面设置.width);
var page_h = parseInt(页面设置.height);
var page_x = parseInt(页面设置.left);
var page_y = parseInt(页面设置.top);
console.log("未来之窗_打印页面,page_x="+page_x+",page_y="+page_y);
const doc = new jsPDF({ unit: 'mm',format: [page_w, page_h]});
doc.addFileToVFS('Alibaba-PuHuiTi-Bold-bold.ttf', font_wlz);
doc.addFont('Alibaba-PuHuiTi-Bold-bold.ttf', 'Alibaba-PuHuiTi-Bold', 'bold');
doc.setFont("Alibaba-PuHuiTi-Bold",'bold'); // set font
// doc.text(20, 20, 'Welcome to hangge.com.\rWelcome to hangge.com.\rWelcome to hangge.com.');
for (var val in 打印数据) {
//alert(val + " " + myJson[val]);//输出如:name
console.log("打印数据_one");
var 打印数据_one = 打印数据[val];
console.log(打印数据_one);
if(打印数据_one.type == "text"){
doc.setFontSize(打印数据_one.Fontsize);
var x=打印数据_one.x;
var y=打印数据_one.y;
x = parseInt(x);
y = parseInt(y);
x = 0+ x+page_x;
y =0 + y+page_y;
//<br>
var 文本 = 打印数据_one.content;
//文本 = 文本.replace("[br]",'\r');
文本 = 文本.replace(/[br]/g,'\r');
console.log("x="+x+"y="+y);
// doc.text(x, y,"9098089");
doc.text(x, y,文本);
//CanGrow==y
}
}
var pdfData = doc.output('datauristring');
var 打印预览=`<iframe width=${预览窗口宽度}" height="${预览窗口高度}" src="${pdfData}" ></iframe>`;
return 打印预览;
}
三、代码解释
在这神秘的代码仙境之中,存有一奇妙之函数“未来之窗_打印数据渲染到预览_html”。
它先是获取“打印数据返回”中的关键信息,如打印数据和页面设置。
而后,对页面的宽度、高度等进行精细的数值转换与处理。
接着,犹如施展神奇仙法,调用“jsPDF”之力创建文档,并添加特定字体。
随后,遍历打印数据,针对文本类型的数据,进行位置计算与内容处理,将文本准确地放置于文档之中。
最终,生成文档的特定数据格式,并构建出一个包含预览窗口信息的神奇“打印预览”结构,回传此奇妙成果。
整个过程犹如在仙法秘境中精心雕琢一件神奇法宝,充满了神秘与精妙。
四、阿雪技术观
拥抱开源与共享,见证科技进步奇迹,畅享人类幸福时光!
让我们积极投身于技术共享的浪潮中,不仅仅是作为受益者,更要成为贡献者。无论是分享自己的代码、撰写技术博客,还是参与开源项目的维护和改进,每一个小小的举动都可能成为推动技术进步的巨大力量
扫码,可学习更多