@H_502_0@本文通过json机构，HTML代码以及JS代码详细给大家分析了canvas轨迹回放功能实现的过程，以下是全部内容。

@H_502_0@

json结构

<div class="jb51code">
<pre class="brush:xhtml;">
[
{
"path": [
{
"x": 82,"y": 43
},{
"x": 83,{
"x": 84,"y": 45
},{
"x": 86,"y": 47
},"y": 49
},"y": 54
},"y": 59
},"y": 64
},"y": 69
},"y": 74
},"y": 78
},"y": 83
},"y": 87
},"y": 89
},"y": 91
},"y": 92
},"y": 93
},"y": 94
},"y": 95
}
]
},{
"path": [
{
"x": 129,"y": 36
},{
"x": 129,"y": 39
},"y": 44
},{
"x": 128,"y": 65
},{
"x": 127,"y": 73
},{
"x": 125,"y": 81
},{
"x": 124,"y": 88
},{
"x": 123,"y": 96
},"y": 97
},"y": 98
},"y": 99
},{
"x": 122,"y": 100
}
]
}
]