Javascript 在html中调用json精灵文件

Javascript 在html中调用json精灵文件,javascript,html,json,html5-canvas,sprite-sheet,Javascript,Html,Json,Html5 Canvas,Sprite Sheet,我有一个json文件,它是由渲染图像的程序生成的(从flash转换而来)。该文件如下所示: { "framerate":24, "images":[ "flash_0.png", "flash_1.png", "flash_2.png", "flash_3.png", "flash_4.png", "flash_5.png", "flash_6.png", // ................ "frames":[ [0, 0, 1024, 512, 0, 0, 0], [0, 512,

我有一个json文件,它是由渲染图像的程序生成的(从flash转换而来)。该文件如下所示:

{
"framerate":24,
 "images":[
"flash_0.png",
"flash_1.png",
"flash_2.png",
"flash_3.png",
"flash_4.png",
"flash_5.png",
"flash_6.png",
// ................ 
"frames":[
[0, 0, 1024, 512, 0, 0, 0],
[0, 512, 1024, 512, 0, 0, 0],
[0, 1024, 1024, 512, 0, 0, 0],
[0, 1536, 1024, 512, 0, 0, 0],
// ...................

并且图像位于同一文件夹中。我的问题是:如何使用js在html文件中呈现它

正如您已经意识到的,您必须在JavaScript中重新实现Flash部分的功能。如果您向我们展示您所做的一些工作,我们将很乐意帮助您解决您遇到的一个问题。从何处/如何开始。如果您以前从未使用过(普通的)JavaScript来构建任何东西,那么对于如此广泛的任务来说,这是一个错误的地方。使用大约5万亿个在线教程或训练营中的一个,或者阅读JavaScript中JSON的使用情况,这相当简单。当你发现自己陷入一个问题时,回来问问。您已经在jQuery标签下参与了,因此您应该已经拥有了自己构建初稿的知识。我认为这将是一个简单的导入。我是json新手,但我只有一个flash,我正试图转换为html5画布,并使用Zoe转换flash,这就是输出。如果可能的话,我会寻找简单的解决方案。如您已经意识到的任何其他想法,您将不得不在JavaScript中重新实现Flash部分的功能。如果您向我们展示您所做的一些工作,我们将很乐意帮助您解决您遇到的一个问题。从何处/如何开始。如果您以前从未使用过(普通的)JavaScript来构建任何东西,那么对于如此广泛的任务来说,这是一个错误的地方。使用大约5万亿个在线教程或训练营中的一个,或者阅读JavaScript中JSON的使用情况,这相当简单。当你发现自己陷入一个问题时,回来问问。您已经在jQuery标签下参与了,因此您应该已经拥有了自己构建初稿的知识。我认为这将是一个简单的导入。我是json新手,但我只有一个flash,我正试图转换为html5画布,并使用Zoe转换flash,这就是输出。如果可能的话,我会寻找简单的解决方案。还有其他想法吗