在前端开发中，很多时候需要使用图像处理和计算机视觉技术来实现一些功能。为了方便开发者使用这些技术，有许多优秀的 npm 包可供选择。其中，tracking.js 是一款非常出色的 npm 包，它提供了一个简单易用的接口来实现基于图像的跟踪和检测。
本文将介绍如何使用 tracking.js 进行目标跟踪，并包含一些示例代码。
安装
首先，我们需要安装 tracking.js。可以通过以下命令来进行安装：
--- ------- --------
安装完成后，我们可以在项目中引入 tracking.js：
----- - ------------- - - --------------------
实现目标跟踪
接下来，我们来看一下如何使用 tracking.js 来实现目标跟踪。首先，我们需要创建一个 ObjectTracker 实例，并传入一个参数对象，该参数对象包括 tracker 和 edgeDetection 属性。tracker 属性用于指定跟踪器类型，edgeDetection 属性则用于指定边缘检测器类型。例如，下面的代码创建了一个 Sobel 边缘检测器和一个 Haar Cascades 目标跟踪器：
----- ------- - --- ---------------------- -----------------------------------
接下来，我们需要为 ObjectTracker 实例绑定 'track' 事件。该事件会在跟踪开始时被触发，并返回一个 event 对象，其中包含了跟踪结果。例如，下面的代码使用 'track' 事件来进行目标跟踪：
----- ----- - ---------------------------------
--------------------- ---------
------------------- ------- -- -
------------------------- -- -
----- - - -------
----- - - -------
----- ----- - -----------
----- ------ - ------------
-- ------------
----- ------ - ----------------------------------
----- ------- - ------------------------
------------------- - ----------
--------------------- -- ------ --------
---
---在上述代码中，我们首先获取了视频元素和画布元素，然后调用 tracking.track() 来开始跟踪。接着，我们为 tracker 实例绑定了 'track' 事件，在该事件处理函数中，我们遍历 event.data 数组，并绘制出跟踪结果矩形。
示例代码
下面是一个完整的示例代码，它实现了基于摄像头的目标跟踪，并将跟踪结果显示在画布上：
--------- -----
----- ----------
------
----- ----------------
------------- ----------------
-------
------
------ ---------- ----------- ---------------------
------- ----------- ----------- ----------------------
------- -----------------------------------------------------------------------
--------
----- ------- - --- -------------------------------
-----------------------------------
----- ----- - ---------------------------------
----- ------ - ----------------------------------
----- ------- - ------------------------
------------------------------------------- ------
-------------- -- -
--------------- - -------
-------------
--
------------ -- -
-------------------
---
--------------------- ---------
------------------- ------- -- -
-------------------- -- ------------- ---------------
------------------------- -- -
------------------- - ----------
-------------------------- ------- ----------- -------------
---
---
---------
-------
-------总结
本文介绍
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/32775