Nous avons actuellement un système de recadrage d'images qui utilise JCROP sur le front-end, et System.Drawing dans .net sur le backend - cela fonctionne très bien, mais maintenant, nous devons présenter une image rotation. Seulement des angles de 90 degrés sont nécessaires et jquery.rotate fonctionne bien en isolement, mais je Voudrais combiner ces deux plugins jQuery gracieusement. Avez-vous une expérience dans ce domaine? Y a-t-il des solutions "Shake & Bake"?
5 Réponses :
Je pense que la doublure de pipe JQuery est la solution pour tout plugin JQuery
par exemple:
J'ai bien peur que cela ne fonctionne pas. JCROP et JQQUERY-TROPHENT font des modifications substantielles à la DOM; ils ont besoin d'intégrer d'une manière ou d'une autre. En dernier recours, je pouvais diviser la rotation et recadrer plusieurs étapes, mais je préfère les garder ensemble.
La pipeline .. n'existe pas dans JQuery. Chaque fonction renvoie simplement un objet jQuery .
Pour DYKAM: Et c'est ce que nous appelons la doublure de tuyau: D, vous pouvez pipeline plus d'une opération pour Daniel: vous avez raison, mais nous pouvons toujours trouver une solution ... j'ai aimé ce problème et postera une autre réponse si je en trouver un
Étant donné que les deux plugin-ins fonctionnaient de différentes manières, je ne pense pas que vous puissiez combiner facilement les deux. JCROP vous permet simplement de définir un chapiteau rectangulaire sur une image. La rotation, d'autre part, utilise
sur la rotation IE est terminée avec l'attribut d'angle, ce qui signifie que vous pouvez faire une rotation, puis JCROPO
Quel attribut angle? Le site officiel de JQuery-Trotate ( code.google.com/p/jquery-rotate) Etats: Deux implémentations de traitement d'image JavaScript sont prises en charge: 1. Utilisation du filtre DXIMAGETRANSFORM pour Microsoft Internet Explorer 2. Utilisation de l'objet Canvas pour les autres navigateurs
Oui, et le filtre est appliqué avec CSS, il est donc possible de faire pivoter puis JCROP après l'application de la rotation
Je ne pense toujours pas que cela fonctionnera. Premièrement, le filtre n'est utilisé que sur IE. Qu'en est-il de FF? En outre, si le plug-in Crop est lisant les dimensions de l'image, elles ne changeront pas avec le filtre CSS; CSS ne modifie que la présentation de l'image. Si vous pensez toujours que cela est faisable, je pense que l'ONUS est sur vous pour écrire une démonstration de travail :)
Vous pouvez essayer JQuery Cropzoom: http://plugins.jquery.com/project/cropzoom
démo et téléchargements ici: http://www.gastonrobledo.com.ar/cropzoom/index.html
Je suggère de faire pivoter le côté du serveur d'images. Vous ne pouvez vraiment pas combiner JCROP avec une image pivotée, car une méthode basée sur CSS «mentez» de la largeur et de la hauteur.
Cela peut être extrêmement rapide. Votre interface utilisateur ajouterait simplement 'Tourner = 90' à la requête d'image lorsque le bouton a été cliqué et que l'image rechargerait.
Voici une très exemple simple d'utilisation de JCROP et de QueryString- Résidence basée sur .
Prenez un Regardez la page de démonstration pour voir à quel point il est réactif - Ajout du La commande rotate ne prendrait que quelques lignes de JavaScript. Si vous en avez besoin, je pourrais télécharger un échantillon de la manière de les combiner.
Je sais que c'est une vieille question, mais avez-vous vérifié ce plug-in jquery appelé Cropit ?
La démo a l'air très bien et vous avez un zoom, récolter et faire pivoter dans le même plugin, aucun code de backension requis.
J'espère que cela aide.
Pouvez-vous fournir plus de détails sur ce que vous essayez d'atteindre? Voulez-vous que l'utilisateur définisse un rectangle de culture et définir un angle de rotation en même temps? Quel est le résultat visuel exact que vous essayez d'atteindre?
Salut Ates, j'essaie d'avoir une seule vue de l'image, avec une barre d'outils qui permet de faire tourner et de recadrer l'image dans une seule étape combinée.