ImageFill
Các tuỳ chọn hiển thị hình ảnh có thể ảnh hưởng đến việc trình bày hình ảnh. Bạn nên sử dụng thuộc tính này khi tỷ lệ co của hình ảnh không khớp với tỷ lệ co của vùng chứa hình ảnh.
Enum |
UNSPECIFIED |
ImageFill chưa được chỉ định. |
GRAY |
Lấp đầy khoảng trống giữa hình ảnh và vùng chứa hình ảnh bằng các thanh màu xám. |
WHITE |
Lấp đầy khoảng trống giữa hình ảnh và vùng chứa hình ảnh bằng các thanh màu trắng. |
CROPPED |
Hình ảnh được chia tỷ lệ sao cho chiều rộng và chiều cao của hình ảnh phù hợp hoặc vượt quá kích thước vùng chứa. Thao tác này có thể cắt phần trên cùng và dưới cùng của hình ảnh nếu chiều cao hình ảnh được chia tỷ lệ lớn hơn chiều cao vùng chứa hoặc cắt phần bên trái và bên phải của hình ảnh nếu chiều rộng hình ảnh được chia tỷ lệ lớn hơn chiều rộng vùng chứa. Chế độ này tương tự như "Chế độ thu phóng" trên TV màn hình rộng khi phát video 4:3. |
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2023-05-16 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2023-05-16 UTC."],[[["Image display options control how an image is presented within its container, especially when aspect ratios differ."],["Options include filling the surrounding space with gray or white bars or cropping the image to fit."],["`CROPPED` scales the image to fill the container, potentially cropping parts that extend beyond its boundaries, similar to \"Zoom Mode\" on a widescreen TV."],["Developers can choose an option to optimize image presentation based on the specific needs of their website or application."]]],["The provided information outlines image display options when an image's aspect ratio differs from its container. `GRAY` and `WHITE` options fill the resulting gaps with gray or white bars, respectively. `CROPPED` scales the image to match or exceed container dimensions, potentially cropping the top/bottom or left/right edges. An `UNSPECIFIED` option exists, but its behavior is undefined. These settings control how the image is presented within its designated container.\n"]]