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:
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.
Facendo effetti di distorsione in tempo reale come quello sembra più un caso d'uso per WebGL. – Philipp
@Philipp: +1 per punta lontano dalla tela o SVG perché la loro 3x3 trasformare le matrici non avrebbero appoggiato distorsione non parallelo. – markE
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