如何保存canvas数据提交到接口，并可以使其可以进行二次编辑

Question

canvas中编辑了一个文章【我】，然后如何将这个图片进行提交到服务器端，并且可以再次编辑文字/线条。
想到一个方式是，每个图像或者文字都保存为一个json条目，保存时保存json数据，加载根据json重新绘制canvas，理论应该可行的。不知道是否还有更好的方案或者成熟的js库来达到此效果?

[{
    type:'文字',
    data:{
        color:'red',
        fontSize:'12px',
        text:'我'
    }
},{
    type:'线段',
    data:{
        color:'red',
        width:'2px',
        text:'我',
        textAlign:'center',
        pointStart:[0,0],
        pointEnd:[100,100]
    }
}]

Answer 1

这样的库蛮多的，比如：

1. zrender；
2. Konva。
3. 链接就不贴了，自己搜一下。