如何将json数据转换为xml并读取xml数据并在html5中绘制一个矩形？

Question

这是我的JSON数据：data.json

{
    "Frame_count":1,
    "output":[
        {
        "Objects_classname":"car1",
            "x_val":82.9883,
            "y_val":197.56245,
            "width":316.03088,
            "height":197.45451
        },

        {
        "Objects_classname":"car2",
            "x_val":522.4823,
            "y_val":170.47263,
            "width":64.66687,
            "height":61.78085
        },

        ]
        "Total_objects_detected":2,
},
{
    "Frame_count":2,
    "output":[
        {
        "Objects_classname":"car1",
            "x_val":123.68143,
            "y_val":201.01093,
            "width":297.69861,
            "height":189.92859
        },

        ]
        "Total_objects_detected":1,
}

我想将此JSON数据转换为有效的XML文件格式。

下一步是读取HTML5中的XML数据，它应该绘制一个矩形。

在这里，我正在提供HTML代码以使用JSON数据绘制矩形。同样，我希望将其转换为XML格式。

 var local_data = data;
        window.setInterval(ctx1.rect(local_data[j].output[k].x_val, local_data[j].output[k].y_val, local_data[j].output[k].width,local_data[j].output[k].height)