image-rendering
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Thuộc tính image-rendering cung cấp một gợi ý cho trình duyệt về cách cân bằng giữa tốc độ và chất lượng khi nó thực hiện xử lý hình ảnh.
Việc lấy mẫu lại luôn được thực hiện trong không gian màu true color (ví dụ: 24-bit) ngay cả khi dữ liệu gốc và/hoặc thiết bị đích là màu lập chỉ mục.
Note:
Là một thuộc tính trình bày, image-rendering cũng có một thuộc tính CSS tương ứng: image-rendering. Khi cả hai được chỉ định, thuộc tính CSS sẽ được ưu tiên.
Bạn có thể dùng thuộc tính này với phần tử SVG sau:
Ghi chú sử dụng
| Giá trị |
auto | optimizeSpeed |
optimizeQuality
|
|---|---|
| Giá trị mặc định | auto |
| Có thể hoạt ảnh | Có |
auto-
Cho biết user agent sẽ đưa ra các đánh đổi phù hợp để cân bằng giữa tốc độ và chất lượng, nhưng chất lượng sẽ được ưu tiên hơn tốc độ.
optimizeSpeed-
Cho biết user agent sẽ nhấn mạnh tốc độ hiển thị hơn chất lượng.
optimizeQuality-
Cho biết user agent sẽ nhấn mạnh chất lượng hơn tốc độ hiển thị.
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Images Module Level 3 # the-image-rendering |
| Scalable Vector Graphics (SVG) 2 # ImageRendering |
Khả năng tương thích trình duyệt
Xem thêm
- Thuộc tính CSS
image-rendering