2. it技术
  3. js实现浏览器打印PDF

js实现浏览器打印PDF

it2025-04-18  5

光速云插件

联系QQ：623105084购买无水印版地址

特点

免费浏览器打印PDF/HTML/图片/Word文档/Excel/PPT/指令打印/自定义绘图。支持超大PDF文件打印，能够快速响应打印。使用静默方式打印。读取串口数据。读取电子秤重量。支持谷歌、火狐、IE7+等浏览器。支持HTTPS协议的站点。跨平台，支持Windows、Linux、Mac、Android系统

安装

Windows版下载地址 当前版本5.0.5Linux版下载地址 当前版本1.0.1Android版下载地址 当前版本1.0.1，支持蓝牙打印机：佳博、芝柯、斑马，支持Wifi打印机：斑马解压zip文件后，内含安装包和demo文件

文档

关于尺寸相关单位在文档中未说明的则统一为：毫米打印设计打印PDF打印图片打印HTML打印Word文档打印自定义绘图下载文件异步下载文件成功回调事件错误回调事件获取打印机信息获取打印队列读取串口数据关闭串口写入数据到串口写入数据行到串口写入字节数据到串口客户端直接通过http方式调用光速云打印插件

1. 打印PDF

GSCloudPlugin.PrintPdf({ Title:"PDF0001", Width: 100, Height: 150, Url: "https://domain/demo.pdf", PrinterName: "", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

字段说明

属性说明类型默认值Title标题String默认GUID格式字符串Width纸张宽度。单位毫米Int0Height纸张高度。单位毫米；值为0时，打印高度自适应，应用于连续纸张Int0UrlPDF文件地址String无PrinterName打印机名称。不传值则使用默认打印机String无Pages指定打印页码。例：值为"2,5"，指定打印第2、3、4、5页；如果只需打印第2页，设置值为"2"String无UseFileCache适用于大文件。需要先调用下载文件或异步下载文件，注意：并且需要设置Title一致boolfalseRemoveMargin移除空白边距。适用于四周有较大的空白边距的不正规PDF文档；当然其他的类型打印也可以使用该参数boolfalseCookiescookieArray(Cookie)无HttpHeadershttp头信息Array(HttpHeader)无Copies打印文档份数Int1IsAsync是否异步；如果为true，则每打印完一页，就会回调一次；如果为false，则等到全部页打印完，才回调一次。支持浏览器：谷歌、火狐、IE10+boolfalse

2. 打印图片

GSCloudPlugin.PrintImage({ Title:"PNG0001", Width: 100, Height: 150, Url: "https://domain/demo.png", PrinterName: "", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

字段说明

属性说明类型默认值Title标题String默认GUID格式字符串Width纸张宽度。单位毫米Int0Height纸张高度。单位毫米；值为0时，打印高度自适应，应用于连续纸张Int0Url图片文件地址String无PrinterName打印机名称。不传值则使用默认打印机String无CookiescookieArray(Cookie)无HttpHeadershttp头信息Array(HttpHeader)无Copies打印文档份数Int1

3. 打印HTML

GSCloudPlugin.PrintHtml({ Title:"HTML0001", Width: 210, Height: 297, Url: "https://domain/demo.html", PrinterName: "", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

字段说明

属性说明类型默认值Title标题String默认GUID格式字符串Width纸张宽度。单位毫米Int0Height纸张高度。单位毫米；值为0时，打印高度自适应，应用于连续纸张Int0UrlHTML网页地址String无PrinterName打印机名称。不传值则使用默认打印机String无CookiescookieArray(Cookie)无HttpHeadershttp头信息Array(HttpHeader)无Copies打印文档份数Int1

4. 打印Word文档

GSCloudPlugin.PrintWord({ Title:"Word0001", Width: 210, Height: 297, Url: "https://domain/demo.docx", PrinterName: "", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

字段说明

属性说明类型默认值Title标题String默认GUID格式字符串Width纸张宽度。单位毫米Int0Height纸张高度。单位毫米；值为0时，打印高度自适应，应用于连续纸张Int0UrlWord文档地址String无PrinterName打印机名称。不传值则使用默认打印机String无CookiescookieArray(Cookie)无HttpHeadershttp头信息Array(HttpHeader)无Copies打印文档份数Int1

5. 打印自定义绘图

GSCloudPlugin.PrintDraw({ Title:"DRAW0001", Width: 60, Height: 20, Texts:[ {Content:"宇宙飞船",FontSize:2.6,X:1,Y:10,Width:48,Trimming:"EllipsisCharacter",Alignment:"Center"}, {Content:"Spacecraft",FontSize:2.6,X:1,Y:13,Width:48,Alignment:"Center"}, {Content:"Mede in China",FontSize:2.6,X:1,Y:16,Width:48,FontStyle:"Bold"} ], Barcodes:[ {Width:58,Height:9,Format:"CODE_128",X:1,Y:1,Text:{Content:"001AEDWSDFR",FontSize:2.6,Position:"Top"}}, {Width:9,Height:9,Format:"QR_CODE",X:49,Y:10.5,Text:{Content:"001AEDWSDFR"}} ], PrinterName: "", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

字段说明

属性说明类型默认值Title标题String默认GUID格式字符串Width纸张宽度。单位毫米Int0Height纸张高度。单位毫米；值为0时，打印高度自适应，应用于连续纸张Int0PrinterName打印机名称。不传值则使用默认打印机String无Texts文本。该字段也适用于PDF、图片、HTML、Word打印Array(Text)无Lines线条。该字段也适用于PDF、图片、HTML、Word打印Array(Line)无Rectangles矩形。该字段也适用于PDF、图片、HTML、Word打印Array(Rectangle)无Ellipses圆形。该字段也适用于PDF、图片、HTML、Word打印Array(Ellipse)无Barcodes条码。该字段也适用于PDF、图片、HTML、Word打印Array(Barcode)无Images图片。该字段也适用于PDF、图片、HTML、Word打印Array(Image)无HtmlsHtml。该字段也适用于PDF、图片、HTML、Word打印Array(Html)无CookiescookieArray(Cookie)无HttpHeadershttp头信息Array(HttpHeader)无Copies打印文档份数Int1PrintMethod打印方式；值：Print（打印）、Preview（预览）、Design（设计）StringPrint

Text的字段说明

属性说明类型默认值X起始坐标X。坐标原点为左上方float0Y起始坐标Y。坐标原点为左上方float0Width文本宽度范围float0Height文本高度范围float0Content内容String无FontSize文字大小，单位：PTfloat10FontFamily字体String系统字体Color颜色。RGBA用","隔开String0,0,0LineSpacing行距，单位PTfloat0Trimming文本修整方式。值：None（不进行任何修整）、Character（将文本修整成最接近的字符）、Word（将文本修整成最接近的单词）、EllipsisCharacter（将文本修整成最接近的字符，并在被修整的行的末尾插入一个省略号）、EllipsisWord（将文本修整成最接近的单词，并在被修整的行的末尾插入一个省略号）、EllipsisPath（中心从被修整的行移除并用省略号替换）StringNoneAlignment文本水平对齐方式。值：Left（左对齐）、Center（居中对齐）、Right（右对齐）StringLeftFontStyle字体样式。值：Regular（普通文本）、Bold（加粗文本）、Italic（倾斜文本）、Underline（带下划线的文本）、Strikeout（中间有直线通过的文本）StringRegularAngle角度int0SortIndex绘制顺序索引int0

Line的字段说明

属性说明类型默认值X起始坐标X。坐标原点为左上方float0Y起始坐标Y。坐标原点为左上方float0Width文本宽度范围float0Height文本高度范围float0DashStyle线条样式。值：Solid（实线）、Dash（由划线段组成的直线）、Dot（由点构成的直线）、DashDot（由重复的划线点图案构成的直线）、DashDotDot（由重复的划线点点图案构成的直线）StringSolidStrokeWidth描边宽度float0Color颜色。RGBA用","隔开String0,0,0SortIndex绘制顺序索引int0

Rectangle的字段说明

属性说明类型默认值X起始坐标X。坐标原点为左上方float0Y起始坐标Y。坐标原点为左上方float0Width文本宽度范围float0Height文本高度范围float0Color颜色。RGBA用","隔开String0,0,0FillColor填充色。RGBA用","隔开String0,0,0StrokeWidth描边宽度float0DashStyle线条样式。值：Solid（实线）、Dash（由划线段组成的直线）、Dot（由点构成的直线）、DashDot（由重复的划线点图案构成的直线）、DashDotDot（由重复的划线点点图案构成的直线）StringSolidAngle角度int0SortIndex绘制顺序索引int0

Ellipse的字段说明

属性说明类型默认值X起始坐标X。坐标原点为左上方float0Y起始坐标Y。坐标原点为左上方float0Width文本宽度范围float0Height文本高度范围float0Color颜色。RGBA用","隔开String0,0,0FillColor填充色。RGBA用","隔开String0,0,0StrokeWidth描边宽度float0DashStyle线条样式。值：Solid（实线）、Dash（由划线段组成的直线）、Dot（由点构成的直线）、DashDot（由重复的划线点图案构成的直线）、DashDotDot（由重复的划线点点图案构成的直线）StringSolidAngle角度int0SortIndex绘制顺序索引int0

Barcode的字段说明

属性说明类型默认值X起始坐标X。坐标原点为左上方float0Y起始坐标Y。坐标原点为左上方float0Width条码宽度float0Height条码高度float0Format条码格式。值：Aztec、Codabar、Code39、Code93、Code128、DataMatrix、EAN8、EAN13、ITF、PDF417、QRCode（二维码）、UPCA、UPCE、MSI、PLESSEYStringCode128Text文本。BarcodeText无TextPosition文本位置。值：Top（在条码的上方）、Bottom（在条码的下方）StringBottomAngle角度int0SortIndex绘制顺序索引int0

BarcodeText的字段说明

属性说明类型默认值Content内容。如果不需要显示文本内容，则只设置此字段值，不设置其他字段值String无FontSize文字大小。单位：PTfloat0FontFamily字体String系统字体Color颜色。RGBA用","隔开String0,0,0FontStyle字体样式。值：Regular（普通文本）、Bold（加粗文本）、Italic（倾斜文本）、Underline（带下划线的文本）、Strikeout（中间有直线通过的文本）StringRegularHideText显示条码文本。只对默认带有文本的条码有效booltrue

Image的字段说明

属性说明类型默认值X起始坐标X。坐标原点为左上方float0Y起始坐标Y。坐标原点为左上方float0Width条码宽度float0Height条码高度float0Url图片地址或Base64编码StringZoomMode缩放模式。值：Ratio（比例缩放）、Distortion（变形缩放）、Origin（原始大小。dpi为96）StringRatioAngle角度int0SortIndex绘制顺序索引int0

Html的字段说明

属性说明类型默认值X起始坐标X。坐标原点为左上方float0Y起始坐标Y。坐标原点为左上方float0Width条码宽度float0Height条码高度float0UrlHtml地址或Html代码StringAngle角度int0SortIndex绘制顺序索引int0

6. 下载文件

GSCloudPlugin.DownloadFile({ Title:"File0001", Url: url, OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

字段说明

属性说明类型默认值Title标题。将会使用此值做为文件名保存String无Url文件地址String无CookiescookieArray(Cookie)无HttpHeadershttp头信息Array(HttpHeader)无

7. 异步下载文件

GSCloudPlugin.DownloadFileAsync({ Title:"File0002", Url: url, OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

字段说明

属性说明类型默认值Title标题。将会使用此值做为文件名保存String无Url文件地址String无CookiescookieArray(Cookie)无HttpHeadershttp头信息Array(HttpHeader)无

8. 成功回调事件

字段说明

属性说明类型默认值Title标题。与调用函数时设置的Title值一致String无OperationType操作类型。值：Print、GetPrinters、DownloadFile、DownloadFileAsyncString无Data响应数据。根据调用函数不同而返回不同的数据object无Message响应消息String无

9. 错误回调事件

字段说明

属性说明类型默认值Title标题。与调用函数时设置的Title值一致String无OperationType操作类型。值：Print、GetPrinters、DownloadFile、DownloadFileAsyncString无Message响应消息String无Code错误码int无

10. 获取打印机信息

GSCloudPlugin.GetPrinterInfo({ PrinterName: "", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

请求字段说明

属性说明类型默认值PrinterName打印机名称。不传值则使用默认打印机String无

响应字段说明

属性说明类型Status状态。值：0失败、1成功StringMessage消息。StringData数据Object

响应字段Data说明

属性说明类型CanDuplex是否支持双面打印boolIsPlotter是否是绘图仪boolIsDefaultPrinter是否默认打印机boolPrinterName打印机名称String

11. 获取打印队列

GSCloudPlugin.GetPrintQueue({ OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

响应字段说明

属性说明类型Status状态。值：0失败、1成功StringMessage消息。StringData数据Array(Object)

响应字段Data说明

属性说明类型Name任务名；与打印时设置的Title值一致StringPrinterIndex打印机索引号IntPrinterName打印机名称StringJobStatus任务状态；值：None(无指定状态)、Paused(已暂停)、Error(错误)、Deleting(正在删除)、Spooling(正在进行后台打印)、Printing(正在打印)、Offline(脱机状态)、PaperOut(无法提供所需纸张大小)、Printed(已打印)、Deleted(通常情况下，打印完成后，系统会从队列中删除该打印作业)、Blocked(队列中该打印作业之前的打印作业可能出现了错误情况，因此该打印作业已被阻止)、UserIntervention(打印机要求通过用户操作来修复错误情况)、Restarted(打印作业被阻止，但已重新启动)、Completed(打印作业已完成，包括所有打印后处理)、Retained(打印作业打印完后仍保留在打印队列中)StringJobIdentifier打印任务标识号IntTimeJobSubmitted提交打印任务时间String

12. 读取串口数据

GSCloudPlugin.ReadSerialPortData({ PortName:"COM2", KeepAlive:true, OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

请求字段说明

属性说明类型默认值PortName端口名StringCOM1BaudRate波特率Int9600Parity校验位；值：None(不发生奇偶校验检查)、Odd(奇数)、Even(偶数)、Mark(将奇偶校验位保留为 1)、Space(将奇偶校验位保留为 0)StringNoneDataBits数据位Int8StopBits停止位；值：None(不使用停止位)、One(使用一个停止位)、Two(使用两个停止位)、OnePointFive(使用 1.5 个停止位)StringOneKeepAlive保持连接；如果值为true，在不需要使用读取串口数据时，建议调用一下关闭串口方法，否则串口会一直被占用，其他程序将无法使用该串口booltrue

响应字段说明

属性说明类型Status状态。值：0失败、1成功StringMessage消息。StringData数据String

13. 关闭串口

GSCloudPlugin.CloseSerialPort({ PortName:"COM2", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

请求字段说明

属性说明类型默认值PortName端口名StringCOM1

14. 写入数据到串口

GSCloudPlugin.WriteSerialPortData({ PortName:"COM1", Text:"123456", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

请求字段说明

属性说明类型默认值Text写入的文本数据String无PortName端口名StringCOM1BaudRate波特率Int9600Parity校验位；值：None(不发生奇偶校验检查)、Odd(奇数)、Even(偶数)、Mark(将奇偶校验位保留为 1)、Space(将奇偶校验位保留为 0)StringNoneDataBits数据位Int8StopBits停止位；值：None(不使用停止位)、One(使用一个停止位)、Two(使用两个停止位)、OnePointFive(使用 1.5 个停止位)StringOne

15. 写入数据行到串口

GSCloudPlugin.WriteSerialPortData({ PortName:"COM1", Text:"123456", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

请求字段说明

属性说明类型默认值Text写入的文本数据String无PortName端口名StringCOM1BaudRate波特率Int9600Parity校验位；值：None(不发生奇偶校验检查)、Odd(奇数)、Even(偶数)、Mark(将奇偶校验位保留为 1)、Space(将奇偶校验位保留为 0)StringNoneDataBits数据位Int8StopBits停止位；值：None(不使用停止位)、One(使用一个停止位)、Two(使用两个停止位)、OnePointFive(使用 1.5 个停止位)StringOne

16. 写入字节数据到串口

GSCloudPlugin.WriteSerialPortData({ PortName:"COM1", Bytes:"10,11,12", OnSuccess:function(result){ console.log(result); }, OnError:function(result){ console.log(result); } });

请求字段说明

属性说明类型默认值Bytes写入的字节数据。多个字节使用英文逗号隔开String无PortName端口名StringCOM1BaudRate波特率Int9600Parity校验位；值：None(不发生奇偶校验检查)、Odd(奇数)、Even(偶数)、Mark(将奇偶校验位保留为 1)、Space(将奇偶校验位保留为 0)StringNoneDataBits数据位Int8StopBits停止位；值：None(不使用停止位)、One(使用一个停止位)、Two(使用两个停止位)、OnePointFive(使用 1.5 个停止位)StringOne

17. 客户端直接通过http方式调用光速云打印插件

URL：http://host:8365/print 其中host为客户端的内网ip地址 Method：POST Content-Type：application/json

请求字段说明（其他字段参照PDF/图片/HTML/Word的打印字段说明）

属性说明类型默认值MediumType文档类型。值：Pdf、Image、Html、Word、DrawString无OperationType操作类型。值：Print、GetPrinters、DownloadFile、DownloadFileAsyncString无AppKey注册码String无

响应字段说明

属性说明类型Status状态。值：0失败、1成功StringMessage消息。String

其他

Cookie的字段说明

属性说明类型默认值Domain域名。必填，否则无效String无Key键。必填，否则无效String无Value值。必填，否则无效String无

HttpHeader的字段说明

属性说明类型默认值Key键。必填，否则无效；值：CacheControl、Authorization、Cookie、RefererString无Value值。必填，否则无效String无
最新回复(0)