27、基于Vue.js和TensorFlow.js的图像识别及ASP.NET Core音乐库搭建

基于Vue.js和TensorFlow.js的图像识别及ASP.NET Core音乐库搭建

基于Vue.js和TensorFlow.js的图像识别

在使用Vue.js和TensorFlow.js进行图像识别时，我们从姿态检测代码入手。

PoseClassifier类的构造函数

在 PoseClassifier 类的构造函数中，需要处理与 ImageClassifier 实现中相同的 WebGLTexture 问题。在Windows系统上运行时，加载 WebGL 纹理可能会出现问题，可通过以下代码解决：

constructor() {
  // If running on Windows, there can be issues
  // loading WebGL textures properly.
  // Running the following command solves this.
  tf.ENV.set('WEBGL_PACK', false);
}

异步Pose方法

接下来编写一个异步的 Pose 方法，该方法返回一个 Keypoint 数组，若 PoseNet 模型加载失败或未找到任何姿态则返回 null 。此方法除了接受一个图像外，还接受一个用于绘制点的画布：