Javascript TensorFlow.js PoseNet模型关键点动画

我正在使用从我的web应用程序收集和存储姿势数据。我已经有了一些JSON块，其中包含我想要分析的关键点数据，以将其用作另一个神经网络的训练集。以下是关键点数据示例：

“关键点”：[
{
“职位”：{
“y”：76.291801452637，
“x”：253.36747741699
},
“部分”：“鼻子”，
“分数”：0.99539834260941
},
{
“职位”：{
“y”：71.10383605957，
“x”：253.54365539551
},
“部分”：“左眼”，
“得分”：0.98781454563141
},
{
“职位”：{
“y”：71.839515686035，
“x”：246.00454711914
},
“部分”：“右眼”，
“分数”：0.99528175592422
},
{
“职位”：{
“y”：72.848854064941，
“x”：263.08151245117
},
“部分”：“左耳”，
“得分”：0.84029853343964
},
{
“职位”：{
“y”：79.9565856934，
“x”：234.26812744141
},
“部分”：“右耳”，
“分数”：0.92544466257095
},
{
“职位”：{
“y”：98.34538269043，
“x”：399.64068603516
},
“部分”：“左肩”，
“分数”：0.99559044837952
},
{
“职位”：{
“y”：95.082359313965，
“x”：458.21868896484
},
“部分”：“右肩”，
“分数”：0.99583911895752
},
{
“职位”：{
“y”：94.62620544336，
“x”：163.94561767578
},
“零件”：“左肘”，
“得分”：0.9518963098526
},
{
“职位”：{
“y”：150.2349395752，
“x”：245.06030273438
},
“零件”：“右肘”，
“得分”：0.98052614927292
},
{
“职位”：{
“y”：113.9603729248，
“x”：393.19735717773
},
“部分”：“左手腕”，
“分数”：0.94009721279144
},
{
“职位”：{
“y”：186.478591895，
“x”：257.98034667969
},
“部分”：“右手腕”，
“分数”：0.980292226064682
},
{
“职位”：{
“y”：208.5266418457，
“x”：284.46710205078
},
“part”：“leftHip”，
“得分”：0.97870296239853
},
{
“职位”：{
“y”：209.9910736084，
“x”：243.31219482422
},
“部分”：“权利”，
“分数”：0.97424703836441
},
{
“职位”：{
“y”：281.61965942383，
“x”：310.93188476562
},
“部分”：“左膝”，
“得分”：0.98368924856186
},
{
“职位”：{
“y”：282.80120849609，
“x”：203.81164550781
},
“部分”：“右膝”，
“分数”：0.96947449445724
},
{
“职位”：{
“y”：360.62716674805，
“x”：292.21047973633
},
“部分”：“左脚踝”，
“得分”：0.8883239030838
},
{
“职位”：{
“y”：347.41177368164，
“x”：203.88229370117
},
“部分”：“右脚踝”，
“得分”：0.8255187869072
}
]

检查此回购：。它使用react制作一个Web应用程序来显示posenet关键点。

这可能与谷歌的演示相同。但谢谢，我会检查一下是否可以轻松地从中提取画布。