Abbus
2 سال پیش توسط Abbus مطرح شد
3 پاسخ

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

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


ثبت پرسش جدید
علی احمدی
تخصص : برنامه نویس
@Ali.Ahmadi 2 سال پیش مطرح شد
0

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


علی احمدی
تخصص : برنامه نویس
@Ali.Ahmadi 2 سال پیش مطرح شد
0

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

<!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 2 سال پیش مطرح شد
0

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

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

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

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