আমার একটি বেস 64 এমগ এনকোড রয়েছে যা আপনি এখানে খুঁজে পেতে পারেন । আমি এর উচ্চতা এবং প্রস্থ কীভাবে পেতে পারি?
আমার একটি বেস 64 এমগ এনকোড রয়েছে যা আপনি এখানে খুঁজে পেতে পারেন । আমি এর উচ্চতা এবং প্রস্থ কীভাবে পেতে পারি?
উত্তর:
var i = new Image();
i.onload = function(){
alert( i.width+", "+i.height );
};
i.src = imageData;
সিঙ্ক্রোনাস ব্যবহারের জন্য কেবল এটির মতো প্রতিশ্রুতিতে এটি গুটিয়ে রাখুন:
function getImageDimensions(file) {
return new Promise (function (resolved, rejected) {
var i = new Image()
i.onload = function(){
resolved({w: i.width, h: i.height})
};
i.src = file
})
}
তারপরে আপনি সিঙ্ক্রোনাস কোডিং স্টাইলে ডেটা পেতে অপেক্ষা করতে পারেন:
var dimensions = await getImageDimensions(file)
আমি খুঁজে পেয়েছি যে ব্যবহার করে .naturalWidthএবং .naturalHeightসেরা ফলাফল ছিল।
const img = new Image();
img.src = 'https://via.placeholder.com/350x150';
img.onload = function() {
const imgWidth = img.naturalWidth;
const imgHeight = img.naturalHeight;
console.log('imgWidth: ', imgWidth);
console.log('imgHeight: ', imgHeight);
};
দস্তাবেজ:
এটি কেবলমাত্র আধুনিক ব্রাউজারগুলিতে সমর্থিত। http://www.jacklmoore.com/notes/n Naturalwidth-and-n Naturalheight-in-ie/
<img>সেই চিত্রটি দিয়ে একটি গোপন তৈরি করুন এবং তারপরে jquery .width () এবং ব্যবহার করুন। উচ্চতা ()
$("body").append("<img id='hiddenImage' src='"+imageData+"' />");
var width = $('#hiddenImage').width();
var height = $('#hiddenImage').height();
$('#hiddenImage').remove();
alert("width:"+width+" height:"+height);
পরীক্ষা এখানে: স্বল্প
চিত্রটি গোপনে তৈরি করা হয় না। এটি তৈরি হয়ে যায়, তারপরে আপনি প্রস্থ এবং উচ্চতা পাবেন এবং তারপরে এটি সরিয়ে ফেলুন। এই ক্ষেত্রে বৃহত চিত্রগুলিতে খুব সংক্ষিপ্ত দৃশ্যমানতার কারণ হতে পারে আপনাকে অন্য পাত্রে চিত্রটি আবৃত করতে হবে এবং সেই ধারকটি চিত্রটি নিজেই গোপন রাখেনি।
জিপি'এর অনুসারে ডোম যুক্ত করে না এমন আরও একটি ফিডাল: এখানে