Javascript – Ideen zur Implementierung ähnlicher Funktionen

Question

1. Eine DIY-Website für Handyhüllen
http://www.xyppt.com/app/html/index.html?businessld=121
Unten befindet sich eine Reihe von Bildern. Klicken Sie auf das Bild, um das Bild auf der Handyhülle zu ändern.

Answer 1

假设有若干幅 base 桌面壁纸图片，要在前端【PS】到手机壳上。一个简单的思路是：

1. 让设计出一张【手机壳的遮罩图】，绘制挖空的手机轮廓，并补上背面摄像头、按键等位置。

2. 将遮罩图叠放在壁纸图片上（保证 z-index 更高即可），而后 JS / CSS 动态更改下方的壁纸图片。