Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Dokument: mozSetImageElement()-Methode
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
DieDocument.mozSetImageElement() Methode ändert dasElement, das als CSS-Hintergrund für einen Hintergrund mit einer gegebenen Hintergrundelement-ID verwendet wird.
Syntax
mozSetImageElement(imageElementId, imageElement)Parameter
imageElementIdEin String, der den Namen eines Elements angibt, das als Hintergrundbild mit der
-moz-elementCSS-Funktion spezifiziert wurde.imageElementDas neue Element, das als Hintergrund verwendet werden soll, das diesem Bild-Element-String entspricht. Geben Sie
nullan, um das Hintergrundelement zu entfernen.
Rückgabewert
Keiner (undefined).
Beispiele
Dieses Beispiel ändert den Hintergrund eines<div>-Blocks jedes Mal, wenn der Block vom Benutzer angeklickt wird.
Sehen Sie sich dieses Beispiel live an.
#my-box { background-image: -moz-element(#canvas-bg); text-align: center; width: 400px; height: 400px; cursor: pointer;}Das oben definierte CSS wird von unserem<div> verwendet, um ein Element mit der ID "canvas-bg" als Hintergrund zu nutzen.
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);}Der hier gezeigte Code wird jedes Mal aufgerufen, wenn der Benutzer das<div>-Element anklickt.Es wird ein neues<canvas> mit einer Breite und Höhe von 100 Pixeln erstellt und dann ein 50 mal 50 Pixel großes Quadrat darin gezeichnet. Jedes Mal, wenn die Funktion aufgerufen wird, hat das Quadrat eine andere Farbe (seine Rotkomponente wird jedes Mal erhöht), sodass bei jedem Klick des Benutzers auf das Element der Hintergrund mit einem immer helleren roten Kachelmuster gefüllt wird.
Sobald die Leinwand gezeichnet ist, wirddocument.mozSetImageElement() aufgerufen, um den Hintergrund für jedes CSS zu setzen, das die ID "canvas-bg" als seine Hintergrundelement-ID verwendet, um unser neues Canvas zu sein.
Spezifikationen
Nicht Teil einer Spezifikation.