javascript - Idées pour implémenter des fonctions similaires à celle-ci
漂亮男人2017-05-24 11:36:23
0
1
542
1. Un site Web de coque de téléphone portable DIY http://www.xyppt.com/app/html/index.html?businessld=121 Il y a une rangée d'images ci-dessous, cliquez sur l'image pour changer l'image sur la coque de téléphone.
Supposons qu'il y ait plusieurs images de fond d'écran de base, qui doivent être [PS] sur la coque du téléphone portable à l'avant. Une idée simple est :
Concevons une [image de masque de la coque du téléphone], dessinons le contour évidé du téléphone et remplissons les positions de l'appareil photo, des boutons, etc. au dos.
Superposez l'image du masque sur l'image du fond d'écran (assurez-vous que l'indice z est plus élevé), puis utilisez JS/CSS pour modifier dynamiquement l'image du fond d'écran ci-dessous.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Supposons qu'il y ait plusieurs images de fond d'écran de base, qui doivent être [PS] sur la coque du téléphone portable à l'avant. Une idée simple est :
Concevons une [image de masque de la coque du téléphone], dessinons le contour évidé du téléphone et remplissons les positions de l'appareil photo, des boutons, etc. au dos.
Superposez l'image du masque sur l'image du fond d'écran (assurez-vous que l'indice z est plus élevé), puis utilisez JS/CSS pour modifier dynamiquement l'image du fond d'écran ci-dessous.