जानकारी विवरण: मेरे पास एक छवि संपादक है जहां मैं एक क्लिक को ट्रैक कर रहा हूं और background-position का उपयोग करके छवि को फिर से स्थिति में लाने के लिए खींच रहा हूं। मैं छवि को ऑटो सेंटर करना चाहता हूं और क्लिक और ड्रैग कार्यक्षमता की अनुमति देना चाहता हूं। मैं center या 50% का उपयोग कर सकता था लेकिन क्लिक और ड्रैग पिक्सल का उपयोग कर रहा है, इसलिए यह बेहतर है कि मैं:

  1. छवि चौड़ाई और ऊंचाई पाएं (मैं ऐसा करने के लिए संघर्ष कर रहा हूं)
  2. रैपिंग div चौड़ाई और ऊंचाई पाएं (मैं इसे ठीक कर सकता हूं)
  3. पिक्सेल में दोनों के केंद्र की गणना करें और उन मानों को background-position में सेट करें

मैं जावास्क्रिप्ट फ़ाइल लोडर एपीआई का उपयोग class में कर रहा हूं जैसे:

this.reader.onload = file => {
      // setting image on class via `this.reader.result`
    };

वसा-तीर के साथ संदर्भ लेते समय मैं फ़ाइल की चौड़ाई और ऊंचाई कैसे प्राप्त करूं? क्या यह संभव है?

2
theman0123 4 जिंदा 2020, 01:55

1 उत्तर

सबसे बढ़िया उत्तर

इस प्रकार आप एक छवि लोड करते हैं और उससे चौड़ाई/ऊंचाई प्राप्त करते हैं।

var image = new Image();

image.onload = function() { 
  // the onload function will be called when the image has been loaded
  var height = img.height;
  var width = img.width;

  // more code here
}

image.src = url;


छवि का केंद्र पिक्सेल में प्राप्त करने के लिए, बस ऊँचाई और चौड़ाई दोनों को 2 से विभाजित करें।

0
Sacha 3 जिंदा 2020, 23:45