راکت

تعیین اندازه تصویر

3 پاسخ

سلام دوستان
می خواستم بدونم امکانش هست که یک تصویر رو در تگ img به صورتی نمایش داد، که اندازه تصویر هر چقدر بود
فقط اندازه مشخص ما نمایش داده بشه.
مثلا از وسط تصویر چه در ارتفاع و چه در عرض 200px نمایش داده بشه.
بدونه این که تصویر دفرمه بشه

ثبت پرسش جدید

پاسخ‌ها

3
علی احمدی
علی احمدی
@Ali.Ahmadi

تخصص: برنامه نویس

سلام دوست عزیز بله میشه
مستقیم به تگ <img> و بعد به ارتربیوت <style> مراجعه کنید و بعد عرض و ارتفاع خود تون رو ثبت کنید

علی احمدی
علی احمدی
@Ali.Ahmadi

تخصص: برنامه نویس

دوست عزیز به کد زیر دقت کن

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مشکل</title>
</head>
<body>
    <img src="../img/c.png" alt="عکس" width=" 200px" height="200px">
</body>
</html>

شاید پاسخ شما همین‌جا باشد

محسن عواطفی
محسن عواطفی
@webnolin

تخصص: برنامه‌نویس وب

سلام
به تصویرتون طول و ارتفاع دلخواه رو بدید و برای جلوگیری از دفرمه عکس شدن، در تگ style عکس مقدار object-fit رو برابر با cover قرار بدید.

<img src="image.jpg" style='width: 200px; height: 100px; object-fit: cover; object-position: center;'>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام