npm 包 cordova-plugin-sts-image-filter 使用教程

什么是 cordova-plugin-sts-image-filter？

cordova-plugin-sts-image-filter 是一个使用了 GPUImage 库的 Cordova 插件，用于在移动端对图片进行实时的滤镜处理。

安装

在安装之前，确认您已经安装了 Cordova，并已经创建了一个 Cordova 项目。

使用以下命令安装 cordova-plugin-sts-image-filter 插件：

cordova plugin add cordova-plugin-sts-image-filter

使用

在使用 cordova-plugin-sts-image-filter 之前，确认您已经连接了设备或虚拟机。

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

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

方法列表

filter.getSupportedFilters

获取当前设备支持的过滤器列表。

filter.getSupportedFilters(function(filterList) {
  console.log(filterList);
}, function (err) {
  console.error(err);
});

filter.getImageData

获取图片数据，返回值为 ImageData 对象。

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

参数：

• uri - 文件路径
• width - 图片宽度
• height - 图片高度

filter.render

渲染图片并返回 Base64 编码的字符串。

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

参数：

• filterList - 过滤器列表，参考下面的可用过滤器列表
• width - 图片宽度
• height - 图片高度
• imageData - 图片数据，参考 filter.getImageData 方法

可用过滤器列表

总结

cordova-plugin-sts-image-filter 是一个非常强大的 Cordova 插件，可以节省我们大量的时间和精力，用于在移动端实时处理图片。熟练掌握本教程中介绍的方法列表，您可以轻松地使用该插件来处理您的移动端图片。如果您正在进行 Cordova 开发，并且需要进行实时的移动端图片处理，我强烈推荐您试一试这个插件！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556b781e8991b448d3823