ایجاد صفحات بزرگ در صفحه محدود یا کوچک تر

ایجاد صفحات بزرگ در صفحه محدود یا کوچک تر

باسلام و عرض ادب خدمت خواننده های گرامی

شاید براتون سوال پیش آمده باشد که چگونه می شود که خروجی بزرگ را در یک صفحه کوچک آماده سازی کنیم

بزارید با یک مثال ساده ذهن شما رو آماده کنم

شما در یک نرم افزار تصویر سازی یک تصویر با ابعاد 5000 پیسکل در 6000 پیکسل ایجاد می کنید با اینکه مانیتور شما 1366 * 768 است

حالا سوال : چطور این صفحه در مانیتور شما جا می شود

جواب : نسبت کلی تصویر به کلی مانیتور شما محسابه می شود و در موقع خروجی تصویر شما به سایز انتخاب شده تبدیل می شود

مثال : یک تصویر در سایز 5000 در 6000 در یک صفحه  محدود بین 500 در 500 می خواهیم ایجاد کنیم

اولین مرحله : 500 بیشترین ظرفیت صفحه ما است پس 500 = 100% صفحه ما می شود

برای مقایسه تصویر با صفحه ما باید بفهمیم که تصویر ما در حالت مربع یا مستطیل است؟

با توجه به بزرگ بودن یک ضلع پس تصویر ما مستطیل است واگر باهم مساوی باشند تصویر مربع خواهد بود

بزرگ ترین ضلع تصویر همان 100% ما در مانیتور است

به این صورت که 6000=100% و 500=100%

حالا باید پیدا کنیم که ضلع کوچک تر ما چند درصد از 100 % را پر می کند

پس ضله بزرگ را تقسیم بر 100 می کنیم تا هر واحد 100 درصد بدست بیایید

6000/100=60

پس 5000 تقسیم بر 60 می شود

به این صورت 5000 را تقسیم بر 60 می کنیم میشود حدود 83.333 درصد که از 100 درصد را می گیرد

خوب چیزی که ما بدست آوردیم یک 100 % درصد و یک 83.333 درصد بود

حالا به سراغ 500 در 500 می رویم هر واحد از 500 در درصد می شود 5 یعنی 500 راتقسیم بر 100 می کنیم که جوابش میشود 5

بعد این 5 ضرب در 83.333 درصد می شود که مساوی است با 416.665  که ضلع کوچک تصویر ما در صفحه خواهد بود و ضلع بزرگ همان 500 خواهد بود

بزارید بصورت کد های جاوا اسکریپت به شما نشون بدم


 

 

var get_userrw=6000;

var get_userrh=5000;

//اگر طول بزرگ تر از ارتفاع بود
if(get_userrw>get_userrh){

// طول را تقسیم بر 100 می کنیم و هر واحد از 100 درصد را بدست می اوریم
var drasad_100=get_userrw/100;

//ارتفاع را تقسیم بر یک درصد واحد از طول می کنیم
var drasad_75=get_userrh/drasad_100;

//چون طول بزرگتر است پس خروجی طول تصویر در مانیتور خود 500 قرار می دهیم
var w_wpcontent = 500;

//برای ارتفاع درصد بدست آمده از ارتفاع را ضرب در بر 5 که همان درصد بدست آمده از 500 است میکنیم
var h_wpcontent = drasad_75*5;

// حالا برای خروجی تصویر که تصویر را باید بزرگ گنیم طول خروجی تقسیم برا طول صفحه می کنیم تا مقداری که تصویر باید ضرب در آن شود تا به اندازه دلخواه برسد را بدست بیاوریم
var max_width=get_userrw/500;

/ این هم مانند کد بالا برای مقدار اترفاع
var max_height=get_userrw/500;

//اینجا اگر ارتفاع بلند تر از طول بود  100 درصد تصویر اترفاع خواهد بود  ومراحل همانند قبل خواهد شد
}else if(get_userrw<get_userrh){
var drasad_100=get_userrh/100;
var drasad_75=get_userrw/drasad_100;
var w_wpcontent = drasad_75*5;
var h_wpcontent = 500;
var max_width=get_userrh/500;
var max_height=get_userrh/500;

// در صورت مساوی بودن طول ارتفاع این کد انجام می شود
}else if(get_userrw==get_userrh){
get_userrw=get_userrw+3;
get_userrh=get_userrh+3;
var w_wpcontent = 500;
var h_wpcontent = 500;
var max_width=get_userrw/500;
var max_height=get_userrh/500;
}

دوستان اگر سوال یا پرسشی داشتید بنده در خدمت شما هستم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

4 + چهارده =