Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, por favor me ajudem.
Gostaria de montar um script onde eu posso carregar uma foto do meu pc. Após carregar eu queria cortar essa foto de modo que essa foto cortada fique quadrada. Depois de cortada eu gostaria de redimensionar ela para um determinado tamnho, 200x200 por exemplo, e depois colocar uma marca d'agua nela. Quero esse script para lançar uma campanha em minha cidade, de modo que as pessoas possam criar seus próprios avatares do twitter com marca d'agua de uma campanha. Se alguém puder me ajudar...ou montar esse código. Creio que a lógica não será muito complicada. Mas não entendo muita coisa de javascript.
Já agrdeço... :D
não é 'tão simples' assim.. e precisará de vários passos.
http://deepliquid.com/projects/Jcrop/demos.php
para a marca d'agua e upload você vai depender da tua linguagem server-side.
Existem vários exemplos espalhados na rede, no google procure por... "jquery image upload and crop" ou "javascript image upload and crop".
Alguns...
Tutorial: http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/
Demo: http://www.webmotionuk.co.uk/jquery/image_upload_crop.php
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Tutorial: http://www.visual-blast.com/javascript/jcrop-jquery-image-crop-plugin/
Demo: http://deepliquid.com/projects/Jcrop/demos.php
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Plugin / Demo: http://deepliquid.com/projects/Jcrop/demos.php?demo=live_crop
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Tutorial: http://bakery.cakephp.org/articles/klagoggle_myopenid_com/2010/08/25/jquery-image-upload-crop
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Tutorial: http://tympanus.net/codrops/2009/10/17/jquery-image-cropper-with-uploader/
Demo: http://tympanus.net/crop/
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Tutorial: http://www.mikesdotnetting.com/Article/95/Upload-and-Crop-Images-with-jQuery-JCrop-and-ASP.NET
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Tutorial: http://www.webmotionuk.co.uk/jquery-image-upload-and-crop-for-php/
Demo: http://www.webmotionuk.co.uk/jquery/jquery_upload_crop.php
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Já a marca d'agua deverá ser adicionada diretamente pelo code php, asp, .net depende de qual linguagem você fará.