कैनवास छवि आकार/scew/DND

Question

मैं जहां लोगों को चित्र अपलोड कर सकते एक आवेदन का निर्माण करने की कोशिश कर रहा हूँ और मैं बनाने के लिए यह संभव लोगों छवि के कोनों खींचें और उसे विकृत कर सकते हैं कि चाहते हैं। लेकिन मुझे कोई संकेत नहीं है कि कहां से शुरू किया जाए और मुझे कोई उदाहरण नहीं मिल रहा है।

मैं फ्लैश में एक उदाहरण है: http://configurator.cando.eu/popup.html
- क्लिक करें "Cando Stijlkamer"
- डबल क्लिक करें - शीर्ष का चयन करें चरण 2 "Kies UW Deur"
पर - 6 पृष्ठभूमि
के 1 पर क्लिक करें दरवाजा, और नीचे फिर से यह करते हैं।
- अब आप कोनों को खींच सकते हैं।

उदाहरण छवि:

किसी को भी जानता है कि कैसे यह संभव बनाने के लिए?

अद्यतन
WebGL के लिए ThreeJS का उपयोग कर, पल मैं एक घन मिल गया पर शुरू कर दिया है, यह परिप्रेक्ष्य, पैमाने और यह scew कर सकते हैं। लेकिन कोने लचीला नहीं होगा।

अद्यतन 2
खींचने योग्य कोनों के साथ एक कस्टम ज्यामिति बनाया गया।

Answer 1

मैं तुम्हें दिखा सकता है कि आप इस प्रभाव को फ्लैश में बहुत आसानी से कर सकते हैं। हालांकि, अगर आपको HTML5 का उपयोग करने की आवश्यकता है तो मैं कैनवास तत्व के बजाय https://github.com/edankwan/PerspectiveTransform.js का सुझाव दूंगा।