2013-02-05 17 views
7

İnsanların görüntüleri yükleyebileceği bir uygulama oluşturmaya çalışıyorum ve insanların görüntünün köşelerini sürükleyip çarpıtabilmesini mümkün kılmak istiyorum. Ama nereden başlayacağımı bilmiyorum ve hiçbir örnek bulamıyorum.Canvas Resmi yeniden boyutlandırma/scew/dnd

ben flaş bir örnek var mı: http://configurator.cando.eu/popup.html
- "Cando Stijlkamer" Click
- çift tıklayın - üst seçme 2. adımda "Kies uw deur"
Açık - 6 kökenden
1'de yer Tıklayın Kapı ve alttan tekrar yap.
- Artık köşeleri sürükleyebilirsiniz.

Örnek resim: Distort image

Herkes bunu mümkün kılmak için nasıl bilir?

GÜNCELLEME
bir küp var şu anda, WebGL için ThreeJS kullanmaya başladılar, bu perspektif, ölçek yapmak ve onu scew edebilirsiniz. Ama köşe esnek olmayacak.

sürüklenebilir köşeli bir özel geometrisi oluşturuldu
GÜNCELLEME 2.

+6

Gerçek zamanlı bozulma efektleri, WebGL için bir kullanım çantası gibi görünüyor. – Philipp

+0

@Philipp: Tuval veya svg'den işaret etmek için +1, çünkü 3x3 dönüşüm matrisleri paralel olmayan distorsiyonu desteklemez. – markE

+0

Beğen @Philipp, bunun WebGL için bir şey olduğunu söylüyor. Sorunuz şu şekilde görünüyor: http://stackoverflow.com/questions/10660521/html5-canvas-drawimage-using-points bunu kontrol edin. – MarkSmits

cevap