Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.8k views
in Technique[技术] by (71.8m points)

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

image.png

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]
    }
}]

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

这样的库蛮多的,比如:

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...