7

人々が画像をアップロードできるアプリケーションを構築しようとしています。人々が画像の角をドラッグして歪ませることができるようにしたいと考えています。しかし、どこから始めればいいのか見当がつかず、例も見つかりません。

フラッシュの例があります: http://configurator.cando.eu/popup.html
- 「Cando Stijlkamer」
をクリックします - 6 つの背景の 1 つをクリックします
- 上部でステップ 2 を選択します 「Kies uw deur」
- ダブルクリックしますドア、そして底でもう一度やり直してください。
- コーナーをドラッグできるようになりました。

画像例: 画像をゆがめる

これを可能にする方法を知っている人はいますか?

更新
WebGL に ThreeJS を使用し始めました。現時点では、キューブを取得し、遠近法、スケーリング、スキューを行うことができます。しかし、コーナーは柔軟ではありません。

更新 2
ドラッグ可能なコーナーを持つカスタム ジオメトリを作成しました。

4

1 に答える 1

2

Flash でこの効果を非常に簡単に行う方法をお見せします。ただし、HTML5 を使用する必要がある場合は、Canvas 要素の代わりにhttps://github.com/edankwan/PerspectiveTransform.jsをお勧めします。

于 2013-03-16T02:54:08.897 に答える