买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

龙图腾网获悉西藏众陶联供应链服务有限公司;佛山众陶联供应链服务有限公司;林周佳住家网络科技有限公司;林周利利佳供应链服务有限公司;共青城市众陶联供应链服务有限公司申请的专利一种web前端分享型数据产品的图像预览方法及系统获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN116894131B 。

龙图腾网通过国家知识产权局官网在2026-05-12发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202310884883.6，技术领域涉及：G06F16/957；该发明授权一种web前端分享型数据产品的图像预览方法及系统是由邓维滔;吕火生;黄龙杰设计研发完成，并于2023-07-11向国家知识产权局提交的专利申请。

本一种web前端分享型数据产品的图像预览方法及系统在说明书摘要公布了：本发明公开了一种web前端分享型数据产品的图像预览方法及系统，该方法包括以下步骤：创建Vue文件；在Vue文件中创建脚本；在脚本内创建第一函数和第二函数；在第一函数调用获取PDF文件的地址接口，得到PDF文件的地址；在第二函数内调用第一函数，并向第二函数传入PDF文件的地址，以获取PDF文件；在第二函数创建异步匿名函数，以提取PDF文件中的第一张图片。本发明解决了现有对于只需要查看分享型数字产品图像，采用整个PDF展示可能增加了额外的网络负担和渲染负担，在页面上也难以进行排版的问题。

本发明授权一种web前端分享型数据产品的图像预览方法及系统在权利要求书中公布了：1.一种web前端分享型数据产品的图像预览方法，其特征在于：包括以下步骤： 步骤S1：创建Vue文件； 步骤S2：在所述Vue文件中创建脚本； 步骤S3：在所述脚本内创建第一函数和第二函数； 步骤S4：在所述第一函数调用获取PDF文件的地址接口，得到PDF文件的地址； 步骤S5：在所述第二函数内调用所述第一函数，并向所述第二函数传入PDF文件的地址，以获取PDF文件； 步骤S6：在所述第二函数创建异步匿名函数，以提取PDF文件中的第一张图片； 在步骤S6中，包括以下子步骤： 步骤S61：在所述第一函数内调用pdf.js的成员函数getDocument，并往getDocument内传入PDF文件的地址，得到加载任务； 步骤S62：调用加载任务的成员函数promise.then，并往promise.then内传入所述异步匿名函数，返回pdf对象； 步骤S63：往所述异步匿名函数传入所述pdf对象； 步骤S64：在所述异步匿名函数内创建页面对象，并利用所述pdf对象获取第一页对象； 步骤S65：在所述异步匿名函数内创建视口对象，并利用所述pdf对象获取缩放值为1的视口对象； 步骤S66：在所述异步匿名函数内创建HTML画布元素； 步骤S67：设置所述HTML画布元素的宽度和高度，分别赋值为所述视口对象的宽度和高度； 步骤S68：利用设置完成的HTML画布元素获取上下文对象； 步骤S69：在所述异步匿名函数内创建渲染上下文属性； 步骤S70：设置所述渲染上下文属性的画板上下文，并赋值为所述上下文对象； 步骤S71：设置所述渲染上下文属性的视口属性，并赋值为所述视口对象； 步骤S72：在所述异步匿名函数内调用所述第一页对象的成员函数render，并往render传入创建渲染上下文属性，返回promise对象； 步骤S73：调用所述promise对象，以等待所述第一页对象的渲染； 步骤S74：在所述异步匿名函数内创建图像数据对象，并赋值为所述HTML画布元素调用toDataURL成员函数后的结果； 步骤S75：在所述异步匿名函数内对所述图片地址属性进行赋值，赋值为所述图像数据对象。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人西藏众陶联供应链服务有限公司;佛山众陶联供应链服务有限公司;林周佳住家网络科技有限公司;林周利利佳供应链服务有限公司;共青城市众陶联供应链服务有限公司，其通讯地址为：851600 西藏自治区拉萨市林周县鹏博健康产业园管理委员会111B；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。

以上内容由龙图腾AI智能生成。