26、结合 TensorFlow.js、Vue.js 与 ASP.NET Core 开发应用

结合 TensorFlow.js、Vue.js 与 ASP.NET Core 开发应用

完成姿势检测组件

回到 Pose.vue 组件，我们需要填充脚本部分。以下是组件所需的导入语句和类定义：

import { Component, Vue } from 'vue-property-decorator';
import {PoseClassifier} from '@/Models/PoseClassifier';
import {Keypoint} from '@tensorflow-models/posenet';

@Component
export default class Pose extends Vue {
}

现在可以编写 Classify 方法了，该方法会在图像和画布创建后获取它们，并将其传递给 PoseClassifier 类。为此，需要两个私有字段来保存 PoseClassifier 实例和返回的 Keypoint 数组：

private readonly classifier: PoseClassifier = new PoseClassifier();
private keypoints: Keypoint[] | null;

在 Classify 代码中，使用生命