Resim kırpmak için 8 Popüler Javascript

Web 2.0 ile birlikte kullanıcıların bilgilerini hızlı bir şekilde yayınladığı birçok sosyal paylaşım sitesi ortaya çıktı. Bu sitelerde genel olarak kullanıcıların belirli bir profil oluşturabilmesi için çeşitli bilgilerini depoluyor ve diğer kullanıcılar ile paylaşmasını da sağlıyor. Bilgiler text, müzik, video olabildiği gibi resim de olabilmekte. Özellikle profil resimleri kullanıcıları tanıtan en önemli unsur olarak bahsedilebilir. Bu yazıda bir kullanıcının oluşturduğu resmi web ortamında kırpabileceği javascript frameworklerinden örneklere değineceğiz.

Bahsettiğimiz gibi profil resmi isteyen sitelerin hemen hemen tamamı bu yöntemi kullanmaktadır. Her kullanıcı,  resim düzenleme araçlarını kullanamadığı gibi, çoğu zaman sitenin belirlediği ölçüler dışındaki ölçeklere sahip resimleri kabule etmeyen sistemler sebebi ile resim yüklemekten vazgeçmektedir. Kırpma işlemi ,kullanıcının resmi yükledikten sonra boyutlandırma için kullnacağı çok basit bir işlem. Aşağıda Javascript kullanarak yapılmış popüler resim kırpma scriptlerini bulabilirsiniz.

UvumiTools Crop

UvumiTools, altyapısında Mootool frameworkünü kullanan en gelişmiş resim kırpma scriptlerinden bir tanesi. İçinde bir çok özellik barındıran bu script karmaşık kesme işlemleri yapacaklar için ideal. Yeni bir kesme alanı oluşrabilir, bu alanı yok edebilir, Kenarlarındantutarak alanı daraltıp genişletebilirsiniz. Ayrıca Arkaplan resmini de değiştirme imkanı sunulmuş.

JavaScript image cropper UI

Javacsript image cropper user interface, tüm yönleri içeren kırpma değerlerini yazabileceğiniz kutucuklar barındıran kullanışlı bir kırpma scripti. Bu kutulara yazdığınız rakam değerlerini hesaplayarak kırpılacak alanın genişliği, yüksekliği, tüm yönlerden px uzaklığı dikkate alınıyor ve kırpma işlemi gerçekleştiriliyor. Aynı zamanda kırıpılacak alanın kenar ölçüleri için oranlamayı da destekleyen (Aspect Ratio, 16:9, non-square) image cropper UI, prototype framework ü üzerine kurulu bir javascript.

Image Crop – DHTML User Interface

Bu script DHTMLGoodies tarafından geliştirilmiştir. Script içinde basit bir kesme işlemni yapabilecğeiniz her türlü esneklik sağlanmış. Sürüklenebilir bir dikdörtgen şekli resmin üzerinde sürükleyerek kırpmak istediğiniz konumu belirleyebilirsiniz. seçim işleminizi tamamladıktan sonra Crop düğmesine tıklayın ve sonucu görün. Resminiz servarda artık istediğini zölçü ve büyüklüklerde yer alacak.

Aşağıda daha fazla kırpma script i bulabilirsiniz. Her scriptin sayfasında nasıl kullanacağınızı içeren talimatlar yer almakta. ayrıca Demo linklerine de tıklayarak uygulamasını inceleyebilirsiniz.

Rectangular Marquee Tool

http://marqueetool.net/examples/send-cropped-image-coordinates-to-the-server/

Kroppr

http://kroppr.rborn.info/index.php

Lasso.Crop Image Cropping Tool

http://www.nwhite.net/2009/02/25/lassocrop-preview/

AJAX image cropper with YUI and PHP

Yahoo User Interface kütüphanesini kullanan kırpma scriptidir. Demo ve dökümasyon sayfaları linkte mevcut.

http://developer.yahoo.com/yui/imagecropper/

Jcrop (jQuery)

jQuery kütüphanesi üerinden hazırlanmış bir kırpma scriptir. Tavsiye ederim.

http://deepliquid.com/content/Jcrop.html