Her yerde arama yaptım ancak jQuery'de görüntü sınırıyla veya 'resizable' gibi bir şeyle nasıl döndürüleceğini (derece) bulamıyorum. Demek istediğim, Photoshop'taki "Free Transform" kenarlığı gibi bir görüntüdür.JQuery ile görüntüyü Photoshop'ta "Serbest Dönüştürme" gibi nasıl döndürürün?
Görüntüleri IE'nin DirectX filtreleriyle döndürebilirsiniz, ancak sorununuzu çözeceğini sanmıyorum. Bu işi bitirmek için Flash veya Silverlight gibi bir şey kullanmanız gerekebilir.
Bu tür bir güce sahip olan herhangi bir JavaScript'in farkında değilim. İşte bir adamın deney, ama sonuç çok iyi değil:
http://www.walterzorn.com/rotate_img/rotate_img.htm
Bu çok hoş serin ve Flash kullanır:
This yardımcı olabilir. Uzman değilim, ancak IE'de yalnızca 90 derecelik artışlara sahip olabileceğiniz görünüyor.
Javascript'te bunu yapmayı düşünebilmemin tek yolu, tuval öğesini kullanıyor olabilir.
aşağıdaki eklentisi kullanarak deneyin: Javascript'i kullanıyorsanız http://wilq32.googlepages.com/wilq32.rollimage222
, sunucu işi yapmak ve bir ajax çağrı yoluyla sonuç almak izin vermeyecek neden? ImageMagick kitaplıklarına göz atın (http://www.imagemagick.org/script/index.php). Son kullanıcı döndürme parametrelerini belirtirse, bu girdileri javascript'te yakalayın, ImageMagick (veya başka bir kitaplık) tarafından işlenmek üzere sunucuya geri gönderin ve görüntü istemci tarafını güncelleyin. WebKit’te çalışan
Here's a starting point. (Safari'yi kullandım.). Her yaşta gerçek matematik yapmak zorunda kalmadım, bu yüzden sürgünün mesafesine göre doğru dönüş açısını bulmanız gerekecek. Ayrıca, döndürmeye başladığınızda döndürme kutusu hafifçe kaydırılır. Farklı bir merkez noktası etrafında dönüyor olabilirler.
CSS3, rotation'u desteklemektedir, ancak şu anda yalnızca krom ve safari, webkit ile CSS3 dönüşünü destekler. İşte CSS3'te güzel bir example rotasyon. Tarayıcınızda çalışıp çalışmadığını görmek isterseniz, bu link'u deneyin. Bir çalışma saati olmalı.
Şu an için answer troynts en iyi bahsinize benziyor.
Gelecekte veya safari veya krom ile bunu yapabilirsiniz.
$(this).css('-webkit-transform','rotate(45deg)');
Raphaeljs (raphaeljs.com) kullanıyorum. Bir tuval üzerine çizmenize izin verecektir. Böylece önce bir arka plan dikdörtgen ekleyebilir, ardından görüntüyü ekleyebilir ve son olarak döndürebilirsiniz. Böylece bir sınır gösteriyor. Bulabildiğince, wilq32'nin dönüşü ile bu mümkün değil.
Raphael için ücretsiz dönüştürme eklentisi: https://github.com/ElbertF/Raphael.FreeTransform –
Evet, ancak IE7/8'deki dönen görüntüleri desteklemiyor. –
Evet, ancak bunu ücretsiz bir dönüşüm olarak çalışmak üzere değiştiren var mı? –