NPM包@penneo/ipp-printer

简介

@penneo/ipp-printer是一个用于打印东西的npm包,它是基于IPP(Internet Printing Protocol)协议开发的,可以让您轻松地将打印机添加到您的Web应用程序中,让您的用户可以在不打开预览窗口的情况下快速打印。同时,该npm包支持在各种不同的浏览器和操作系统上使用。

安装

您可以在您的项目中使用npm或yarn来安装@penneo/ipp-printer。

使用npm:

--- ------- ------------------- ------

使用yarn:

---- --- -------------------

如何使用

要使用@penneo/ipp-printer,您需要创建一个打印机对象,然后调用该对象的print()方法来打印文件。

------ - ------- - ---- ----------------------

----- --------- - --- ---------
   ---- ------------------------------------------
   ----- --- --------
---

-----------------
   ----- ------ -------
   ------------ ------------
---------- -- -
   --------------------- ------------
---------------- -- -
   --------------------- --------- -------
---

上面的代码首先导入了Printer类,然后创建了一个打印机对象。该打印机对象需要一个URL参数,该参数指定连接到打印机的IPP URL。以及一个name参数,它代表打印机的自定义名字。

接下来,我们调用myPrinter的print方法。它需要一个对象作为参数,该对象包含您要打印的数据以及您要打印的数据的内容类型。在这个例子中,我们打印了一条 "Hello World" 信息,这是一个纯文本文件。

在调用print方法之后,您需要使用Promise来处理打印结果。如果打印成功,则控制台显示 "Printing succeeded",否则显示 "Printing failed"。

API文档

Printer类

Printer类是使用@penneo/ipp-printer的主要类。Printer实例表示与服务器连接的打印机。 Printer类的构造函数使用以下选项:

  • url: IPP URL,连接到打印机的url地址
  • name: 打印机名

以下是Printer类的示例:

------ - ------- - ---- ----------------------

----- --------- - --- ---------
   ---- ------------------------------------------
   ----- --- --------
---

Printer类中有三个常规方法:

Printer.print(options)

该方法是向打印队列添加一个打印任务并开始打印的主要方法。options参数具有以下属性:

  • data: 要打印的数据
  • contentType: 要打印的数据的内容类型

以下是如何在 Printer 中调用print方法:

-----------------
   ----- ------ -------
   ------------ ------------
---------- -- -
   --------------------- -------------
---------------- -- -
   --------------------- --------- -------
---

Printer.getPrinter()

此方法返回当前打印机的数据。它返回一个Promise对象。

以下是如何在 Printer 中调用getPrinter方法:

------------------------------------- -- -
   -------------------- ------- --------------
   -------------------- -------- ---------------
---------------- -- -
   ------------------ --- --- --- ---------- -------
---

Printer.getServer()

此方法返回与打印机连接的服务器的数据。它返回一个Promise对象。

以下是如何在 Printer 中调用getServer方法:

----------------------------------- -- -
   ------------------- ------- -------------
---------------- -- -
   ------------------ --- --- --- ------ ------- -------
---

IPPError类

该类是 @penneo/ipp-printer 使用的错误类型。 它扩展了Error对象,并添加了一个status属性,表示错误的状态码。

以下是 IPPError 类的示例:

------ - -------- - ---- ----------------------

--- -
   -----------------
      ----- ------ -------
      ------------ ------------
   ---------------- -- -
      ----- --- --------------- --- - ------- ----- ---------- --------------
   ---
- ----- ------- -
   -------------------------- --------------
-

IPPError.STATUS_CODES

此属性包含 IPPError 中定义的所有已知状态代码。以下是示例如何访问IPPError.STATUS_CODES的内容:

------ - -------- - ---- ----------------------

--------------------------------------------------------- -- ---
------------------------------------------------           -- ---

结论

本文介绍了一个npm包 @penneo/ipp-printer,它是一个用于打印东西的npm包,基于IPP协议开发的。我们详细讨论了如何安装和使用该npm包,我们还介绍了完整的API,包括Printer类和IPPError类。此npm包的使用非常简单,易于使用。因此,如果你想让你的Web应用程序支持打印功能,你可以考虑使用@penneo/ipp-printer包。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600566b381e8991b448e2fe2


猜你喜欢

  • npm 包 jquery-mention 使用教程

    在前端开发中,提及其他用户或者团队成员是非常常见的需求。为此,我们可以使用一个非常实用的npm包:jquery-mention。 安装 jquery-mention 在使用 jquery-mentio...

    3 年前
  • npm 包 bitsojs 使用教程

    bitsojs 是一个优秀的前端开发工具库,它提供了很多强大的功能和工具,比如缓存、HTTP 请求、模板引擎等。下面,我们就来详细介绍 bitsojs 库的使用方法。

    3 年前
  • npm 包 Camusjs 使用教程

    前言 在开发前端应用程序时,我们经常需要使用各种 JavaScript 库、框架和工具来帮助我们提高开发效率和代码质量。其中,npm 是一个非常流行的包管理工具,它提供了数以万计的开源软件包。

    3 年前
  • npm 包 express-router-controller 使用教程

    在前端开发中,我们经常会使用 Node.js 和 Express 搭建后端服务,而在编写路由时也经常使用 Express 提供的 router。但是随着项目规模的增大,路由文件的数量也会随之增加,导致...

    3 年前
  • npm 包 @purple-seal/vue-component-starter 使用教程

    介绍 @purple-seal/vue-component-starter 是一个基于 Vue.js 框架的组件开发脚手架。通过该脚手架,您可以快速地初始化一个基于 Vue.js 的组件开发项目,同时...

    3 年前
  • NPM 包 react-native-bugly 使用教程

    Bugly 是一个为移动应用提供全方位质量监控和运营分析的全球领先的移动开发者服务平台。在 React Native 项目中,可以使用 npm 包 react-native-bugly 来集成 Bug...

    3 年前
  • npm 包 j-resize 使用教程

    前言 在前端开发过程中,我们经常需要对元素的尺寸进行调整和动态变化。为了让开发者更加方便地实现这一功能,市场上已经出现了很多相关的工具和框架。本文将介绍一款名为 j-resize 的 npm 包,它可...

    3 年前
  • NPM包wechat-koa2使用教程

    前言 在Web应用开发中,有时候需要向用户发送微信消息,例如:订单支付成功的通知,客户服务等等。开发者可以使用Message API来进行微信消息推送。然而,如果你计划使用Node.js开发Web应用...

    3 年前
  • npm 包 knuddels-developer 使用教程

    knuddels-developer 是一个 NPM 包,用于构建高效的、快速的、可维护的 Knuddels 小程序。它提供了一系列工具和插件,可以帮助开发者更快速、更方便地开发 Knuddels 应...

    3 年前
  • npm 包 react-overlay-controller 使用教程

    react-overlay-controller 是一个针对 React 应用的组件,用于控制弹出框的显示和隐藏,能够更好地管理和控制不同场景下的弹出框层次关系。本文将为您介绍 react-overl...

    3 年前
  • npm 包 express-deresubmission 使用教程

    前言 在前端开发中,我们通常需要使用服务器技术来处理一些动态请求,例如:处理登录/注册,获取数据等等。而常见的服务器技术中,Node.js 算得上开发者们使用最广泛的一种,它通过 JavaScript...

    3 年前
  • npm 包 react-native-mkmenu 使用教程

    在 React Native 开发中使用菜单是一个常见需求。而 react-native-mkmenu 这个 npm 包则能够轻而易举地帮助我们实现弹出菜单的功能。

    3 年前
  • npm 包 @convergence/dom-utils 使用教程

    在前端开发中,DOM 操作是非常常见和必要的操作。然而,大量的 DOM 操作不仅令代码复杂、冗长,更容易引发性能问题。此时 @convergence/dom-utils 包就出现了,它为我们提供了方便...

    3 年前
  • npm 包 qb-utf8-ez 使用教程

    如果您是一名前端开发人员,那么您一定使用过 JavaScript 语言编写的程序。在编写 JavaScript 代码的过程中,经常需要对字符串进行编码转换。而 npm 包 qb-utf8-ez 就是一...

    3 年前
  • npm 包 gendiff-hexlet-mput 使用教程

    在进行前端开发时,对比两个不同版本的代码差异是一件非常常见的事情。这时候我们可以通过使用 gendiff-hexlet-mput 这个 npm 包来生成代码差异报告,从而更加方便地进行比对。

    3 年前
  • npm包ractive-ez-core使用教程

    ractive-ez-core是一个前端开发框架,它基于Ractive.js开发,旨在为开发者提供一种更加简洁、易于维护的开发模式。本文将介绍ractive-ez-core的使用方法,包括安装、配置和...

    3 年前
  • npm 包 zt-mint-ui 使用教程

    zt-mint-ui 是一个基于 Mint UI 的 H5 移动端 UI 组件库,具有轻量、简便、易上手等特点,为前端开发提供了方便快捷的 UI 组件。 在本篇文章中,我们将会介绍 zt-mint-u...

    3 年前
  • npm 包 @kohlmannj/react-jss-themr 使用教程

    在前端开发中,我们经常需要使用各种 npm 包来提高开发效率和代码质量。其中,@kohlmannj/react-jss-themr 是一个提供了 React JSS 样式集成和扩展主题功能的 npm ...

    3 年前
  • npm 包 ejoy-react-native-android-blur 使用教程

    前言 在前端开发中,经常需要对图片进行处理和加工,其中模糊化图片是其中一个常用的方法。而 ejoy-react-native-android-blur 是一个 npm 包,可以在 React Nati...

    3 年前
  • npm 包 gulp-es6-amd 使用教程

    在前端开发中,我们使用 gulp 构建工具来处理各种任务。当我们使用 ES6 语法编写 JavaScript 代码时,gulp-es6-amd 是一个非常好的 npm 包。

    3 年前

相关推荐

    暂无文章