javascript - How to achieve this beautiful picture show effect on the front end

Question

As shown in the figure, how to implement a given template (multiple templates), click to select a picture or fill in text at the specified position of the template? I can't find a solution, please give me some ideas

Answer 1

You can consider using js template engines such as: baiduTemplate (Baidu) artTemplate (Tencent) juicer (Taobao) doT tmpl handlebars easyTemplate underscoretemplate mustache kissytemplate

The data is unified and the variable names are unified..
It’s just a different HTML template. It’s fine..
You can write multiple HTML templates...

This is also the UI layer. Just separate it from the data layer.

Answer 2

It means I still don’t understand what you want to ask! Which effect can’t be written? Still don’t know how to switch templates? Or how to automatically fill in the data after taking the photo? still? ? ?