瀏覽器打印插件&讀取電子稱重量插件

光速云插件

特點

  • 免費瀏覽器打印PDF/HTML/圖片/Word文檔/Excel/PPT/指令打印/自定義繪圖。
  • 支持超大PDF文件打印,能夠快速響應(yīng)打印。
  • 使用靜默方式打印。
  • 讀取串口數(shù)據(jù)。
  • 讀取電子秤重量。
  • 支持谷歌、火狐、IE7+等瀏覽器。
  • 支持HTTPS協(xié)議的站點。
  • 跨平臺,支持Windows、Linux、Mac、Android系統(tǒng)

安裝

文檔

<a href="#打印PDF"></a>

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);
            }
             });

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題 String 默認(rèn)GUID格式字符串
Width 紙張寬度。單位毫米 Int 0
Height 紙張高度。單位毫米;值為0時,打印高度自適應(yīng),應(yīng)用于連續(xù)紙張 Int 0
Url PDF文件地址 String
PrinterName 打印機名稱。不傳值則使用默認(rèn)打印機 String
Pages 指定打印頁碼。例:值為"2,5",指定打印第2、3、4、5頁;如果只需打印第2頁,設(shè)置值為"2" String
UseFileCache 適用于大文件。需要先調(diào)用下載文件異步下載文件注意:并且需要設(shè)置Title一致 bool false
RemoveMargin 移除空白邊距。適用于四周有較大的空白邊距的不正規(guī)PDF文檔;當(dāng)然其他的類型打印也可以使用該參數(shù) bool false
Cookies cookie Array(Cookie)
HttpHeaders http頭信息 Array(HttpHeader)
Copies 打印文檔份數(shù) Int 1
IsAsync 是否異步;如果為true,則每打印完一頁,就會回調(diào)一次;如果為false,則等到全部頁打印完,才回調(diào)一次。支持瀏覽器:谷歌、火狐、IE10+ bool false

<a href="#打印圖片"></a>

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);
            }
             });

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題 String 默認(rèn)GUID格式字符串
Width 紙張寬度。單位毫米 Int 0
Height 紙張高度。單位毫米;值為0時,打印高度自適應(yīng),應(yīng)用于連續(xù)紙張 Int 0
Url 圖片文件地址 String
PrinterName 打印機名稱。不傳值則使用默認(rèn)打印機 String
Cookies cookie Array(Cookie)
HttpHeaders http頭信息 Array(HttpHeader)
Copies 打印文檔份數(shù) Int 1

<a href="#打印HTML"></a>

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);
            }
             });

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題 String 默認(rèn)GUID格式字符串
Width 紙張寬度。單位毫米 Int 0
Height 紙張高度。單位毫米;值為0時,打印高度自適應(yīng),應(yīng)用于連續(xù)紙張 Int 0
Url HTML網(wǎng)頁地址 String
PrinterName 打印機名稱。不傳值則使用默認(rèn)打印機 String
Cookies cookie Array(Cookie)
HttpHeaders http頭信息 Array(HttpHeader)
Copies 打印文檔份數(shù) Int 1

<a href="#打印Word文檔"></a>

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);
            }
             });

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題 String 默認(rèn)GUID格式字符串
Width 紙張寬度。單位毫米 Int 0
Height 紙張高度。單位毫米;值為0時,打印高度自適應(yīng),應(yīng)用于連續(xù)紙張 Int 0
Url Word文檔地址 String
PrinterName 打印機名稱。不傳值則使用默認(rèn)打印機 String
Cookies cookie Array(Cookie)
HttpHeaders http頭信息 Array(HttpHeader)
Copies 打印文檔份數(shù) Int 1

<a href="#打印自定義繪圖"></a>

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);
            }
             });

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題 String 默認(rèn)GUID格式字符串
Width 紙張寬度。單位毫米 Int 0
Height 紙張高度。單位毫米;值為0時,打印高度自適應(yīng),應(yīng)用于連續(xù)紙張 Int 0
PrinterName 打印機名稱。不傳值則使用默認(rèn)打印機 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)
Htmls Html。該字段也適用于PDF、圖片、HTML、Word打印 Array(Html)
Cookies cookie Array(Cookie)
HttpHeaders http頭信息 Array(HttpHeader)
Copies 打印文檔份數(shù) Int 1
PrintMethod 打印方式;值:Print(打印)、Preview(預(yù)覽)、Design(設(shè)計) String Print

<a href="#Text的字段說明"></a>

Text的字段說明

屬性 說明 類型 默認(rèn)值
X 起始坐標(biāo)X。坐標(biāo)原點為左上方 float 0
Y 起始坐標(biāo)Y。坐標(biāo)原點為左上方 float 0
Width 文本寬度范圍 float 0
Height 文本高度范圍 float 0
Content 內(nèi)容 String
FontSize 文字大小,單位:PT float 10
FontFamily 字體 String 系統(tǒng)字體
Color 顏色。RGBA用","隔開 String 0,0,0
LineSpacing 行距,單位PT float 0
Trimming 文本修整方式。值:None(不進(jìn)行任何修整)、Character(將文本修整成最接近的字符)、Word(將文本修整成最接近的單詞)、EllipsisCharacter(將文本修整成最接近的字符,并在被修整的行的末尾插入一個省略號)、EllipsisWord(將文本修整成最接近的單詞,并在被修整的行的末尾插入一個省略號)、EllipsisPath(中心從被修整的行移除并用省略號替換) String None
Alignment 文本水平對齊方式。值:Left(左對齊)、Center(居中對齊)、Right(右對齊) String Left
FontStyle 字體樣式。值:Regular(普通文本)、Bold(加粗文本)、Italic(傾斜文本)、Underline(帶下劃線的文本)、Strikeout(中間有直線通過的文本) String Regular
Angle 角度 int 0
SortIndex 繪制順序索引 int 0

<a href="#Line的字段說明"></a>

Line的字段說明

屬性 說明 類型 默認(rèn)值
X 起始坐標(biāo)X。坐標(biāo)原點為左上方 float 0
Y 起始坐標(biāo)Y。坐標(biāo)原點為左上方 float 0
Width 文本寬度范圍 float 0
Height 文本高度范圍 float 0
DashStyle 線條樣式。值:Solid(實線)、Dash(由劃線段組成的直線)、Dot(由點構(gòu)成的直線)、DashDot(由重復(fù)的劃線點圖案構(gòu)成的直線)、DashDotDot(由重復(fù)的劃線點點圖案構(gòu)成的直線) String Solid
StrokeWidth 描邊寬度 float 0
Color 顏色。RGBA用","隔開 String 0,0,0
SortIndex 繪制順序索引 int 0

<a href="#Rectangle的字段說明"></a>

Rectangle的字段說明

屬性 說明 類型 默認(rèn)值
X 起始坐標(biāo)X。坐標(biāo)原點為左上方 float 0
Y 起始坐標(biāo)Y。坐標(biāo)原點為左上方 float 0
Width 文本寬度范圍 float 0
Height 文本高度范圍 float 0
Color 顏色。RGBA用","隔開 String 0,0,0
FillColor 填充色。RGBA用","隔開 String 0,0,0
StrokeWidth 描邊寬度 float 0
DashStyle 線條樣式。值:Solid(實線)、Dash(由劃線段組成的直線)、Dot(由點構(gòu)成的直線)、DashDot(由重復(fù)的劃線點圖案構(gòu)成的直線)、DashDotDot(由重復(fù)的劃線點點圖案構(gòu)成的直線) String Solid
Angle 角度 int 0
SortIndex 繪制順序索引 int 0

<a href="#Ellipse的字段說明"></a>

Ellipse的字段說明

屬性 說明 類型 默認(rèn)值
X 起始坐標(biāo)X。坐標(biāo)原點為左上方 float 0
Y 起始坐標(biāo)Y。坐標(biāo)原點為左上方 float 0
Width 文本寬度范圍 float 0
Height 文本高度范圍 float 0
Color 顏色。RGBA用","隔開 String 0,0,0
FillColor 填充色。RGBA用","隔開 String 0,0,0
StrokeWidth 描邊寬度 float 0
DashStyle 線條樣式。值:Solid(實線)、Dash(由劃線段組成的直線)、Dot(由點構(gòu)成的直線)、DashDot(由重復(fù)的劃線點圖案構(gòu)成的直線)、DashDotDot(由重復(fù)的劃線點點圖案構(gòu)成的直線) String Solid
Angle 角度 int 0
SortIndex 繪制順序索引 int 0

<a href="#Barcode的字段說明"></a>

Barcode的字段說明

屬性 說明 類型 默認(rèn)值
X 起始坐標(biāo)X。坐標(biāo)原點為左上方 float 0
Y 起始坐標(biāo)Y。坐標(biāo)原點為左上方 float 0
Width 條碼寬度 float 0
Height 條碼高度 float 0
Format 條碼格式。值:Aztec、Codabar、Code39、Code93、Code128、DataMatrix、EAN8、EAN13、ITF、PDF417、QRCode(二維碼)、UPCA、UPCE、MSI、PLESSEY String Code128
Text 文本。 BarcodeText
TextPosition 文本位置。值:Top(在條碼的上方)、Bottom(在條碼的下方) String Bottom
Angle 角度 int 0
SortIndex 繪制順序索引 int 0

<a href="#BarcodeText的字段說明"></a>

BarcodeText的字段說明

屬性 說明 類型 默認(rèn)值
Content 內(nèi)容。如果不需要顯示文本內(nèi)容,則只設(shè)置此字段值,不設(shè)置其他字段值 String
FontSize 文字大小。單位:PT float 0
FontFamily 字體 String 系統(tǒng)字體
Color 顏色。RGBA用","隔開 String 0,0,0
FontStyle 字體樣式。值:Regular(普通文本)、Bold(加粗文本)、Italic(傾斜文本)、Underline(帶下劃線的文本)、Strikeout(中間有直線通過的文本) String Regular
HideText 顯示條碼文本。只對默認(rèn)帶有文本的條碼有效 bool true

<a href="#Image的字段說明"></a>

Image的字段說明

屬性 說明 類型 默認(rèn)值
X 起始坐標(biāo)X。坐標(biāo)原點為左上方 float 0
Y 起始坐標(biāo)Y。坐標(biāo)原點為左上方 float 0
Width 條碼寬度 float 0
Height 條碼高度 float 0
Url 圖片地址或Base64編碼 String
ZoomMode 縮放模式。值:Ratio(比例縮放)、Distortion(變形縮放)、Origin(原始大小。dpi為96) String Ratio
Angle 角度 int 0
SortIndex 繪制順序索引 int 0

<a href="#Html的字段說明"></a>

Html的字段說明

屬性 說明 類型 默認(rèn)值
X 起始坐標(biāo)X。坐標(biāo)原點為左上方 float 0
Y 起始坐標(biāo)Y。坐標(biāo)原點為左上方 float 0
Width 條碼寬度 float 0
Height 條碼高度 float 0
Url Html地址或Html代碼 String
Angle 角度 int 0
SortIndex 繪制順序索引 int 0

<a href="#下載文件"></a>

6. 下載文件

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

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題。將會使用此值做為文件名保存 String
Url 文件地址 String
Cookies cookie Array(Cookie)
HttpHeaders http頭信息 Array(HttpHeader)

<a href="#異步下載文件"></a>

7. 異步下載文件

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

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題。將會使用此值做為文件名保存 String
Url 文件地址 String
Cookies cookie Array(Cookie)
HttpHeaders http頭信息 Array(HttpHeader)

<a href="#成功回調(diào)事件"></a>

8. 成功回調(diào)事件

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題。與調(diào)用函數(shù)時設(shè)置的Title值一致 String
OperationType 操作類型。值:Print、GetPrinters、DownloadFile、DownloadFileAsync String
Data 響應(yīng)數(shù)據(jù)。根據(jù)調(diào)用函數(shù)不同而返回不同的數(shù)據(jù) object
Message 響應(yīng)消息 String

<a href="#錯誤回調(diào)事件"></a>

9. 錯誤回調(diào)事件

字段說明

屬性 說明 類型 默認(rèn)值
Title 標(biāo)題。與調(diào)用函數(shù)時設(shè)置的Title值一致 String
OperationType 操作類型。值:Print、GetPrinters、DownloadFile、DownloadFileAsync String
Message 響應(yīng)消息 String
Code 錯誤碼 int

<a href="#獲取打印機信息"></a>

10. 獲取打印機信息

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

請求字段說明

屬性 說明 類型 默認(rèn)值
PrinterName 打印機名稱。不傳值則使用默認(rèn)打印機 String

響應(yīng)字段說明

屬性 說明 類型
Status 狀態(tài)。值:0失敗、1成功 String
Message 消息。 String
Data 數(shù)據(jù) Object

響應(yīng)字段Data說明

屬性 說明 類型
CanDuplex 是否支持雙面打印 bool
IsPlotter 是否是繪圖儀 bool
IsDefaultPrinter 是否默認(rèn)打印機 bool
PrinterName 打印機名稱 String

<a href="#獲取打印隊列"></a>

11. 獲取打印隊列

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

響應(yīng)字段說明

屬性 說明 類型
Status 狀態(tài)。值:0失敗、1成功 String
Message 消息。 String
Data 數(shù)據(jù) Array(Object)

響應(yīng)字段Data說明

屬性 說明 類型
Name 任務(wù)名;與打印時設(shè)置的Title值一致 String
PrinterIndex 打印機索引號 Int
PrinterName 打印機名稱 String
JobStatus 任務(wù)狀態(tài);值:None(無指定狀態(tài))、Paused(已暫停)、Error(錯誤)、Deleting(正在刪除)、Spooling(正在進(jìn)行后臺打印)、Printing(正在打印)、Offline(脫機狀態(tài))、PaperOut(無法提供所需紙張大小)、Printed(已打印)、Deleted(通常情況下,打印完成后,系統(tǒng)會從隊列中刪除該打印作業(yè))、Blocked(隊列中該打印作業(yè)之前的打印作業(yè)可能出現(xiàn)了錯誤情況,因此該打印作業(yè)已被阻止)、UserIntervention(打印機要求通過用戶操作來修復(fù)錯誤情況)、Restarted(打印作業(yè)被阻止,但已重新啟動)、Completed(打印作業(yè)已完成,包括所有打印后處理)、Retained(打印作業(yè)打印完后仍保留在打印隊列中) String
JobIdentifier 打印任務(wù)標(biāo)識號 Int
TimeJobSubmitted 提交打印任務(wù)時間 String

<a href="#讀取串口數(shù)據(jù)"></a>

12. 讀取串口數(shù)據(jù)

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

請求字段說明

屬性 說明 類型 默認(rèn)值
PortName 端口名 String COM1
BaudRate 波特率 Int 9600
Parity 校驗位;值:None(不發(fā)生奇偶校驗檢查)、Odd(奇數(shù))、Even(偶數(shù))、Mark(將奇偶校驗位保留為 1)、Space(將奇偶校驗位保留為 0) String None
DataBits 數(shù)據(jù)位 Int 8
StopBits 停止位;值:None(不使用停止位)、One(使用一個停止位)、Two(使用兩個停止位)、OnePointFive(使用 1.5 個停止位) String One
KeepAlive 保持連接;如果值為true,在不需要使用讀取串口數(shù)據(jù)時,建議調(diào)用一下關(guān)閉串口方法,否則串口會一直被占用,其他程序?qū)o法使用該串口 bool true

響應(yīng)字段說明

屬性 說明 類型
Status 狀態(tài)。值:0失敗、1成功 String
Message 消息。 String
Data 數(shù)據(jù) String

<a href="#關(guān)閉串口"></a>

13. 關(guān)閉串口

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

請求字段說明

屬性 說明 類型 默認(rèn)值
PortName 端口名 String COM1

<a href="#寫入數(shù)據(jù)到串口"></a>

14. 寫入數(shù)據(jù)到串口

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

請求字段說明

屬性 說明 類型 默認(rèn)值
Text 寫入的文本數(shù)據(jù) String
PortName 端口名 String COM1
BaudRate 波特率 Int 9600
Parity 校驗位;值:None(不發(fā)生奇偶校驗檢查)、Odd(奇數(shù))、Even(偶數(shù))、Mark(將奇偶校驗位保留為 1)、Space(將奇偶校驗位保留為 0) String None
DataBits 數(shù)據(jù)位 Int 8
StopBits 停止位;值:None(不使用停止位)、One(使用一個停止位)、Two(使用兩個停止位)、OnePointFive(使用 1.5 個停止位) String One

<a href="#寫入數(shù)據(jù)行到串口"></a>

15. 寫入數(shù)據(jù)行到串口

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

請求字段說明

屬性 說明 類型 默認(rèn)值
Text 寫入的文本數(shù)據(jù) String
PortName 端口名 String COM1
BaudRate 波特率 Int 9600
Parity 校驗位;值:None(不發(fā)生奇偶校驗檢查)、Odd(奇數(shù))、Even(偶數(shù))、Mark(將奇偶校驗位保留為 1)、Space(將奇偶校驗位保留為 0) String None
DataBits 數(shù)據(jù)位 Int 8
StopBits 停止位;值:None(不使用停止位)、One(使用一個停止位)、Two(使用兩個停止位)、OnePointFive(使用 1.5 個停止位) String One

<a href="#寫入字節(jié)數(shù)據(jù)到串口"></a>

16. 寫入字節(jié)數(shù)據(jù)到串口

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

請求字段說明

屬性 說明 類型 默認(rèn)值
Bytes 寫入的字節(jié)數(shù)據(jù)。多個字節(jié)使用英文逗號隔開 String
PortName 端口名 String COM1
BaudRate 波特率 Int 9600
Parity 校驗位;值:None(不發(fā)生奇偶校驗檢查)、Odd(奇數(shù))、Even(偶數(shù))、Mark(將奇偶校驗位保留為 1)、Space(將奇偶校驗位保留為 0) String None
DataBits 數(shù)據(jù)位 Int 8
StopBits 停止位;值:None(不使用停止位)、One(使用一個停止位)、Two(使用兩個停止位)、OnePointFive(使用 1.5 個停止位) String One

<a href="#客戶端直接通過http方式調(diào)用光速云打印插件"></a>

17. 客戶端直接通過http方式調(diào)用光速云打印插件

URL:http://host:8365/print 其中host為客戶端的內(nèi)網(wǎng)ip地址
Method:POST
Content-Type:application/json

請求字段說明(其他字段參照PDF/圖片/HTML/Word的打印字段說明)

屬性 說明 類型 默認(rèn)值
MediumType 文檔類型。值:Pdf、Image、Html、Word、Draw String
OperationType 操作類型。值:Print、GetPrinters、DownloadFile、DownloadFileAsync String
AppKey 注冊碼 String

響應(yīng)字段說明

屬性 說明 類型
Status 狀態(tài)。值:0失敗、1成功 String
Message 消息。 String

其他

<a href="#Cookie的字段說明"></a>

Cookie的字段說明

屬性 說明 類型 默認(rèn)值
Domain 域名。必填,否則無效 String
Key 鍵。必填,否則無效 String
Value 值。必填,否則無效 String

<a href="#HttpHeader的字段說明"></a>

HttpHeader的字段說明

屬性 說明 類型 默認(rèn)值
Key 鍵。必填,否則無效;值:CacheControl、Authorization、Cookie、Referer String
Value 值。必填,否則無效 String
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。