Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

फ़ॉर्म HTML5 सबमिट करने से पहले छवि का आकार बदलें

<घंटा/>

फ़ॉर्म सबमिट करने से पहले छवि का आकार बदलने के लिए, आपको drawImage() विधि का उपयोग करना होगा।

मूल छवि को स्केल करें और स्केल किए गए संस्करण को कैनवास पर [0,0]

. पर बनाएं
context.drawImage( img, 0,0,img.width,img.height, 0,0,myWidth,UseHeight );

ऊपर, हमने निम्नलिखित देखा:

यहाँ,

var myWidth = Math.floor( img.width * Scale );
var myHeight = Math.floor( img.height * Scale );

और,

var x = Math.floor( ( world.width - myWidth) / 2 );
var y = Math.floor( ( world.height - myHeight) / 2 );

  1. जावास्क्रिप्ट में अपलोड होने से पहले एक छवि का पूर्वावलोकन करें

    सुरक्षा कारणों से ब्राउज़र इनपुट के माध्यम से चयनित छवि फ़ाइल के पथ तक पहुँचने की अनुमति नहीं देते हैं, अर्थात ब्राउज़र में जावास्क्रिप्ट की फ़ाइल सिस्टम तक कोई पहुँच नहीं है। इसलिए, हमारा कार्य किसी भी सर्वर या कहीं और भेजने से पहले इनपुट के माध्यम से चयनित छवि फ़ाइल का पूर्वावलोकन करना है। विधि 1:

  1. माइक्रोसॉफ्ट फॉर्म में हेडर में इमेज कैसे डालें

    क्या आप एक सर्वेक्षण या प्रश्नावली बना रहे हैं और अपने फ़ॉर्म के शीर्षक में एक लोगो के लिए एक चित्र चाहते हैं ताकि इसे आकर्षक रूप दिया जा सके? माइक्रोसॉफ्ट फॉर्म इसमें इन्सर्ट इमेज नामक एक विशेषता है जो उपयोगकर्ताओं को अपने फॉर्म में चित्र सम्मिलित करने में सक्षम बनाती है। जब भी उपयोगकर्ता प्रपत्र श

  1. टिंकर में विंडो आकार में पृष्ठभूमि छवि का आकार कैसे बदलें?

    छवियों के साथ काम करने के लिए, पायथन लाइब्रेरी पिलो या पीआईएल पैकेज प्रदान करती है जो अनुप्रयोगों को छवियों को आयात करने और उन पर विभिन्न संचालन करने में सक्षम बनाता है। मान लीजिए कि हम एक छवि को गतिशील रूप से उसकी विंडो में बदलना चाहते हैं। ऐसे मामले में, हमें इन चरणों का पालन करना होगा - टिंकर