javascript - Ideas for implementing functions similar to this

Question

1. A DIY mobile phone case website
http://www.xyppt.com/app/html/index.html?businessld=121
Click on the row of pictures below The picture will change the picture on the phone case.

Answer 1

Suppose there are several base desktop wallpaper pictures, which need to be [PS] on the mobile phone case on the front end. A simple idea is:

1. Let’s design a [mask picture of the phone case], draw the hollowed-out outline of the phone, and fill in the positions of the camera, buttons, etc. on the back.

2. Overlay the mask image on the wallpaper image (make sure the z-index is higher), and then use JS/CSS to dynamically change the wallpaper image below.