2013-02-05 15 views
7

sto cercando di costruire un'applicazione in cui le persone possono caricare immagini e voglio rendere possibile che le persone possono trascinare gli angoli dell'immagine e deformarla. Ma non ho idea di dove cominciare e non riesco a trovare alcun esempio.tela Immagine di ridimensionamento/scew/ND

Io ho un esempio in Flash: http://configurator.cando.eu/popup.html
- Fai clic su "Cando Stijlkamer"
- Clicca su uno dei 6 sfondi
- Sulla parte superiore di selezione step 2 "Kies uw Deur"
- Fare doppio clic la porta, e sul fondo fallo ancora.
- Ora è possibile trascinare gli angoli.

immagine Esempio: Distort image

qualcuno sa come rendere questo possibile?

UPDATE
Iniziato usando ThreeJS per WebGL, in questo momento ho avuto un cubo, può rendere la prospettiva, la scala e scew esso. Ma l'angolo non sarà flessibile.

UPDATE 2
Creato una geometria personalizzato con gli angoli trascinabili.

+6

Facendo effetti di distorsione in tempo reale come quello sembra più un caso d'uso per WebGL. – Philipp

+0

@Philipp: +1 per punta lontano dalla tela o SVG perché la loro 3x3 trasformare le matrici non avrebbero appoggiato distorsione non parallelo. – markE

+0

Come @Philipp dice che è una cosa per WebGL. La tua domanda è la stessa di: http://stackoverflow.com/questions/10660521/html5-canvas-drawimage-using-points verifica che. – MarkSmits

risposta