2013-10-04 2 views
1

Je cherchais un plugin de recadrage d'image quand j'ai trouvé celui-ci: Lasso.Crop. Je voulais essayer par exemple de code, mais en utilisant par exemple de code fourni et les mêmes fichiers qu'ils utilisent, je ne l'avais jamais été en mesure de le faire fonctionner localement, et j'ayant toujours une erreur « Lasso n'est pas défini » ici:Javascript: "erreur de [nom de classe] n'est pas définie"

new Lasso.Crop('bee',{ 
    ratio : false, 
    preset : [235,140,505,340], 
    min : [50,50], 
    handleSize : 8, 
    opacity : .6, 
    color : '#7389AE', 
    border : '/images/crop.gif', 
    onResize : updateCoords 
}); 

Je n'ai jamais réussi à le faire fonctionner. Il ya quelques heures j'ai essayé un autre plugin: UvumiTools Crop et un problème similaire apparaît. La démo fonctionne parfaitement sur leur site, mais l'archive de démo que j'ai téléchargée sur leur site ne fonctionne pas localement. Ici encore l'erreur est très similaire à la précédente: "uvumiCropper n'est pas défini" (uvumiCropper est une classe définie dans le plugin). Je ne comprends pas pourquoi je continue à recevoir des erreurs "[...] n'est pas défini" alors que le code définit réellement une telle classe ou fonction est un fichier javascript importé précédemment.

Peut-être que je fais quelque chose de mal, je ne sais pas, mais j'ai déjà perdu des heures sur ce point, donc tous les conseils sont les bienvenus.

L'archive de démonstration pour UvumiTools Cropper est téléchargeable sur ce page.

Merci

+0

veuillez fournir votre code. – webduvet

+0

Avez-vous chargé les fichiers Lasso '.js'? – Sergio

+0

Bien sûr que j'ai fait. J'ai également essayé une copie de la page sur laquelle la démo est hébergée. – ibi0tux

Répondre

4

il y a deux fichiers dont vous avez besoin de charger, dans l'ordre, après Mootools:

<script type="text/javascript" src="Lasso.js"></script> 
<script type="text/javascript" src="Lasso.Crop.js"></script> 

Lasso exportera la fonction constructeur Lasso pour objet global. Lasso.Crop ajoute la propriété Crop à l'objet Lasso. Il va essayer de Extend la classe Lasso de base. Vous ne pouvez pas simplement charger Lasso.Crop.js et espérer que cela fonctionne

Gardez à l'esprit que c'est 4 ans, écrit pour MooTools 1.2 et peut ne pas fonctionner avec 1.4.5 sauf si vous utilisez -compat build. Nathan White n'a pas fait de travail MooTools depuis environ 3 ans (que je connais).

+0

J'ai fait exactement ce qu'ils disent sur le site. J'ai même essayé de copier la page où la démo est sur le site, mais cela n'a pas fonctionné non plus. J'ai essayé d'obtenir des fichiers Js en local ou d'accéder aux fichiers sur le serveur de démonstration, j'ai toujours la même erreur. – ibi0tux

+0

@ dimitar-christoff: Ce que vous dites est exactement ce que j'ai fait, je charge Mootools, puis Lasso, puis Lasso.Crop et, quand j'utilise Lasso.Crop après cela, je reçois l'erreur. J'utilise la version mootool qu'il utilise sur sa page de démonstration. – ibi0tux

+2

puis regardez votre console et assurez-vous que les scripts sont chargés. 'console.log (window.Lasso)', assurez-vous qu'il est là. assurez-vous qu'il n'y a pas de 404. assurez-vous que MooTools a fini de charger. Sa version de mootools ne devrait PAS être utilisée. –

Questions connexes