后端狗请教个前端问题！请问京东送礼频道的这个心意卡页面的效果是怎么实现的？

[batyu]

主要有两种效果：
1.心意卡：背景图，加上可拖动改变位置的文本域，填写确定好之后，文字就会展示在拖动设定好的位置；
2.心意相册：页面中的部分文字以及图片以动画效果加载出来，然后在固定位置可以编辑文本域；

这两种效果分别怎么实现？如果要在管理后台维护这么两套模板又该怎么做？

gif 图有点大，V2 支持的两个图床都上传失败，只能上外链

http://7xndpi.com1.z0.glb.clouddn.com/Rec%200001.mp4_20180807_215112.gif