npm 包 waterimage 使用教程

阅读时长 4 分钟读完

简介

waterimage 是一款可以为图片添加水印的 Node.js 包,支持文字和图片水印,可以控制水印的位置、大小、字体颜色等,具有非常高的灵活性。

安装

要安装 waterimage,只需要在命令行中运行以下命令:

使用方法

添加文字水印

首先,加载 waterimage:

然后,使用 watermarkText() 方法添加文字水印:

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

其中,image 为要添加水印的图片路径,text 为要添加的水印文字,position 为水印位置,支持 top-lefttop-rightbottom-leftbottom-rightcenter,也可以设置为 {x: 100, y: 100} 来自定义位置。

添加图片水印

要添加图片水印,可以使用 watermarkImage() 方法:

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

其中,image 为要添加水印的图片路径,watermark 为要添加的水印图片路径,position 为水印位置,opacity 为水印透明度,取值范围为 0.0 到 1.0。

自定义配置

除了以上两种默认方式,waterimage 还提供了一种非常灵活的方式,你可以通过传递一个 config 对象来自定义配置。

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

完整示例

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

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

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

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

总结

waterimage 是一个功能强大且易于使用的 Node.js 模块,可以为你的图片添加任何水印,并且具有高度的可定制性。希望本文可以帮助你学会如何使用 waterimage。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056e7281e8991b448e746a

纠错
反馈