Maison  >  Article  >  interface Web  >  méthode js pour implémenter le contrôle des boutons de l'effet de retournement à 360 degrés des compétences pictures_javascript

méthode js pour implémenter le contrôle des boutons de l'effet de retournement à 360 degrés des compétences pictures_javascript

WBOY
WBOYoriginal
2016-05-16 16:13:331310parcourir

L'exemple de cet article décrit la méthode d'utilisation de js pour réaliser l'effet de retournement à 360 degrés des images contrôlées par des boutons. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

js implémente un effet de retournement à 360 degrés d'image contrôlé par bouton


var isIE = (document.uniqueID)?1:0;
var je=1;
fonction rotation(image)
{
var objet = image.parentNode;
si(estIE){
image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation=" i ")";
je ;
Si(i>4) {i=1};
>
autre{
essayez{
var toile = document.createElement('canvas');
if(canvas.getContext("2d")) {
object.replaceChild(toile,image);
var contexte = canvas.getContext("2d");
contexte.translate(176, 0);
contexte.rotate(Math.PI*0.5);
contexte.drawImage(image,0,0);
>
}attraper(e){}
>
>





J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn