Document: phương thức mozSetImageElement()
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
Phương thức Document.mozSetImageElement() thay đổi phần tử đang được sử dụng làm nền CSS cho một nền có ID phần tử nền đã cho.
Cú pháp
mozSetImageElement(imageElementId, imageElement)
Tham số
imageElementId-
Một chuỗi cho biết tên của một phần tử đã được chỉ định làm hình nền bằng cách sử dụng hàm CSS
-moz-element. imageElement-
Phần tử mới để sử dụng làm nền tương ứng với chuỗi phần tử hình ảnh đó. Chỉ định
nullđể xóa phần tử nền.
Giá trị trả về
Không có (undefined).
Ví dụ
Ví dụ này thay đổi nền của khối <div> mỗi khi người dùng nhấp vào khối đó.
#my-box {
background-image: -moz-element(#canvas-bg);
text-align: center;
width: 400px;
height: 400px;
cursor: pointer;
}
CSS được định nghĩa ở trên được sử dụng bởi <div> của chúng tôi để sử dụng một phần tử có id "canvas-bg" làm nền của nó.
let c = 0x00;
function clicked() {
const canvas = document.createElement("canvas");
canvas.setAttribute("width", 100);
canvas.setAttribute("height", 100);
const ctx = canvas.getContext("2d");
ctx.fillStyle = `#${c.toString(16)}0000`;
ctx.fillRect(25, 25, 75, 75);
c += 0x11;
if (c > 0xff) {
c = 0x00;
}
document.mozSetImageElement("canvas-bg", canvas);
}
Mã ở đây được gọi mỗi khi người dùng nhấp vào phần tử <div>.
Nó tạo một <canvas> mới với chiều rộng và chiều cao được đặt thành 100 pixel, sau đó vẽ vào đó một hình vuông 50x50 pixel. Mỗi khi hàm được gọi, hình vuông có màu khác nhau (thành phần đỏ của nó được tăng lên mỗi lần), vì vậy mỗi khi người dùng nhấp vào phần tử, nền được điền bằng mẫu gạch đỏ ngày càng sáng.
Sau khi canvas được vẽ, document.mozSetImageElement() được gọi để đặt nền cho bất kỳ CSS nào sử dụng ID "canvas-bg" làm ID phần tử nền thành canvas mới của chúng tôi.
Đặc tả kỹ thuật
Không thuộc bất kỳ đặc tả kỹ thuật nào.