-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore(de): translate diff [284fb56ed7]
Machine translation from English using gpt-4o-2024-08-06. Source: mdn/content@284fb56 System prompt: ```md You are tasked with translating MDN Web Docs content from English to German. Ensure that the translation is accurate, preserves technical terminology, and follows the rules provided below. # Rules for Translation 1. Format: - The input is a Markdown file. - The output should be a Markdown file. - Return the raw output, without wrapping it in a Markdown code block. - Keep GFM alert syntax untranslated, such as `> [!NOTE]`, `> [!WARNING]`, and `> [!CALLOUT]`. - If the input contains HTML tags wrapped in backticks (e.g. `<video>`), make sure they are wrapped in the output. - If the input contains HTML tags escaped with a slash (e.g. `\<length>`), make sure they are escaped in the output. 2. Language: - Prefer formal language ("Sie") over informal language ("du"). 3. Code blocks: - Do not translate code blocks. - Do not translate terms wrapped in backticks. 4. Macro calls: - MDN uses macros for dynamic content insertion. These macros must remain **unchanged** and not translated. - Macro calls start with `{{`, followed by the macro name, optional parameters, and end with `}}`. - Avoid invalid macro calls by ensuring curly braces, parentheses, and quotes are closed properly. 5. Technical terms and code snippets in text: - Keep technical terms like element names, attributes, and method names in **English**. Only translate the surrounding descriptive text. 6. Links and References: - Translate link descriptions, but keep the URLs and their structure intact. - Do not change the locale in URLs. 7. Glossary: - "Browser compatibility" => "Browser-Kompatibilität" - "Guide" => "Leitfaden" - "How to" => "Anleitung" # Translation Scope Translate the following Markdown content from **English** to **German** while adhering to the rules above. ```
- Loading branch information
Showing
28 changed files
with
1,442 additions
and
458 deletions.
There are no files selected for viewing
164 changes: 82 additions & 82 deletions
164
files/de/learn_web_development/core/scripting/dom_scripting/index.md
Large diffs are not rendered by default.
Oops, something went wrong.
155 changes: 79 additions & 76 deletions
155
...s/de/learn_web_development/core/styling_basics/backgrounds_and_borders/index.md
Large diffs are not rendered by default.
Oops, something went wrong.
251 changes: 123 additions & 128 deletions
251
files/de/learn_web_development/extensions/server-side/django/models/index.md
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| --- | ||
| title: "ShadowRoot: elementFromPoint()-Methode" | ||
| short-title: elementFromPoint() | ||
| slug: Web/API/ShadowRoot/elementFromPoint | ||
| l10n: | ||
| sourceCommit: a359b3bc073e23d88a582c4bf77b88b24705e7f5 | ||
| --- | ||
|
|
||
| {{APIRef("DOM")}}{{Non-standard_Header}} | ||
|
|
||
| Die **`elementFromPoint()`**-Methode, verfügbar auf dem [`ShadowRoot`](/de/docs/Web/API/ShadowRoot)-Objekt, gibt das Element auf der obersten Schattenwurzel-Ebene an den angegebenen Koordinaten relativ zum Ansichtsfenster zurück (die Schattenwurzel, die in der Anzeige Z-Ordnung am höchsten liegt und in der Lage ist, Zeigerereignisse zu empfangen). Schattenwurzel-Elemente, bei denen {{cssxref("pointer-events")}} auf `none` gesetzt ist, werden ignoriert. | ||
|
|
||
| Befindet sich der angegebene Punkt außerhalb der Begrenzungen der Schattenwurzel, ist das Ergebnis `undefined`. | ||
|
|
||
| ## Syntax | ||
|
|
||
| ```js-nolint | ||
| elementFromPoint(x, y) | ||
| ``` | ||
|
|
||
| ### Parameter | ||
|
|
||
| - `x` | ||
| - : Die horizontale Koordinate eines Punktes, relativ zur linken Kante des aktuellen {{Glossary("viewport", "Ansichtsfensters")}}. | ||
| - `y` | ||
| - : Die vertikale Koordinate eines Punktes, relativ zur oberen Kante des aktuellen Ansichtsfensters. | ||
|
|
||
| ### Rückgabewert | ||
|
|
||
| Ein [`Element`](/de/docs/Web/API/Element); das oberste Schattenwurzel-Element, das sich an den angegebenen Koordinaten befindet, falls vorhanden. | ||
|
|
||
| ## Beispiele | ||
|
|
||
| In diesem Beispiel, unter der Annahme, dass ein {{htmlelement("template")}} im HTML existiert, definieren wir ein `<my-custom-element>`. Wenn das hinzugefügte benutzerdefinierte Element die obere linke Ecke des Ansichtsfensters berührt oder irgendein Teil davon diese Ecke überlappt, wird das Element, das die oberste Schicht an diesem Punkt im benutzerdefinierten Element ist, einen dünnen, gestrichelten roten Rand haben. | ||
|
|
||
| ```js | ||
| customElements.define( | ||
| "my-custom-element", | ||
| class extends HTMLElement { | ||
| constructor() { | ||
| super(); | ||
| const templateContent = document.getElementById( | ||
| "my-custom-element-template", | ||
| ).content; | ||
| const sRoot = this.attachShadow({ mode: "open" }); | ||
| sRoot.appendChild(templateContent.cloneNode(true)); | ||
|
|
||
| // get the topmost element in the top left corner of the viewport | ||
| const srElement = this.shadowRoot.elementFromPoint(0, 0); | ||
| // apply a border to that element | ||
| srElement.style.border = "1px dashed red"; | ||
| } | ||
| }, | ||
| ); | ||
| ``` | ||
|
|
||
| ## Spezifikationen | ||
|
|
||
| Nicht Teil eines Standards. | ||
|
|
||
| ## Browser-Kompatibilität | ||
|
|
||
| {{Compat}} | ||
|
|
||
| ## Siehe auch | ||
|
|
||
| - [`ShadowRoot.elementsFromPoint()`](/de/docs/Web/API/ShadowRoot/elementsFromPoint) | ||
| - [`Document.elementFromPoint()`](/de/docs/Web/API/Document/elementFromPoint) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| --- | ||
| title: "ShadowRoot: elementsFromPoint()-Methode" | ||
| short-title: elementsFromPoint() | ||
| slug: Web/API/ShadowRoot/elementsFromPoint | ||
| l10n: | ||
| sourceCommit: a359b3bc073e23d88a582c4bf77b88b24705e7f5 | ||
| --- | ||
|
|
||
| {{APIRef("DOM")}}{{Non-standard_Header}} | ||
|
|
||
| Die **`elementsFromPoint()`**-Methode der [`ShadowRoot`](/de/docs/Web/API/ShadowRoot)-Schnittstelle gibt ein Array aller im Schatten-Root befindlichen Elemente an den angegebenen Koordinaten (relativ zum Viewport) zurück. Die Elemente sind geordnet von dem obersten Element (höchste in der Darstellungs-Z-Reihenfolge) bis zu dem untersten Element. | ||
|
|
||
| Sie funktioniert ähnlich wie die [`ShadowRoot.elementFromPoint`](/de/docs/Web/API/ShadowRoot/elementFromPoint)-Methode. Einige Browser geben nur die im Schatten-Root vorhandenen Elemente an dieser Position zurück. Andere Browser schließen Elemente außerhalb des [Shadow DOM](/de/docs/Web/API/Web_components/Using_shadow_DOM) ein, vom Schatten-DOM-Element in der obersten Ebene bis zum Dokument-Root-Knoten, wie das {{htmlelement("html")}}- oder {{SVGElement("svg")}}-Root-Element. In diesen Browsern funktioniert sie ähnlich wie die [`Document.elementsFromPoint`](/de/docs/Web/API/Document/elementsFromPoint)-Methode, jedoch mit der Fähigkeit, die {{Glossary("Shadow_tree", "Schatten-Grenze")}} zu überschreiten. | ||
|
|
||
| ## Syntax | ||
|
|
||
| ```js-nolint | ||
| elementsFromPoint(x, y) | ||
| ``` | ||
|
|
||
| ### Parameter | ||
|
|
||
| - `x` | ||
| - : Die horizontale Koordinate eines Punktes, relativ zum linken Rand des aktuellen {{Glossary("viewport", "Viewports")}}. | ||
| - `y` | ||
| - : Die vertikale Koordinate eines Punktes, relativ zum oberen Rand des aktuellen Viewports. | ||
|
|
||
| ### Rückgabewert | ||
|
|
||
| Ein Array von [`Element`](/de/docs/Web/API/Element)-Objekten. | ||
|
|
||
| ## Beispiele | ||
|
|
||
| ```js | ||
| const customElem = document.querySelector("my-custom-element"); | ||
| const shadow = customElem.shadowRoot; | ||
| const elements = shadow.elementsFromPoint(20, 20); | ||
| const msg = elements.map((el) => el.localName).join(" < "); | ||
| if (msg) { | ||
| console.log(msg); | ||
| } else { | ||
| console.log("The custom element had no descendants at x: 20, y: 20."); | ||
| } | ||
| ``` | ||
|
|
||
| Falls `<my-custom-element>` nahe der oberen linken Ecke des Viewports ist und ein einzelnes `<div>` enthält, kann das obige je nach Browser-Implementierung eines der folgenden zurückgeben: | ||
|
|
||
| ```plain | ||
| div | ||
| div < my-custom-element < body < html | ||
| ``` | ||
|
|
||
| ## Spezifikationen | ||
|
|
||
| Kein Teil eines Standards. | ||
|
|
||
| ## Browser-Kompatibilität | ||
|
|
||
| {{Compat}} | ||
|
|
||
| ## Siehe auch | ||
|
|
||
| - [`ShadowRoot.elementFromPoint()`](/de/docs/Web/API/ShadowRoot/elementFromPoint) | ||
| - [`Document.elementsFromPoint()`](/de/docs/Web/API/Document/elementsFromPoint) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| --- | ||
| title: "SVGFEConvolveMatrixElement: bias-Eigenschaft" | ||
| short-title: bias | ||
| slug: Web/API/SVGFEConvolveMatrixElement/bias | ||
| l10n: | ||
| sourceCommit: 804a3f25cfa764e3dbdb87acb90f9fb5118c1425 | ||
| --- | ||
|
|
||
| {{APIRef("SVG")}} | ||
|
|
||
| Die schreibgeschützte **`bias`**-Eigenschaft des [`SVGFEConvolveMatrixElement`](/de/docs/Web/API/SVGFEConvolveMatrixElement)-Interfaces spiegelt das {{SVGAttr("bias")}}-Attribut des gegebenen {{SVGElement("feConvolveMatrix")}}-Elements wider. | ||
|
|
||
| ## Wert | ||
|
|
||
| Ein [`SVGAnimatedNumber`](/de/docs/Web/API/SVGAnimatedNumber)-Objekt. | ||
|
|
||
| ## Beispiele | ||
|
|
||
| ### Zugriff auf die `bias`-Eigenschaft | ||
|
|
||
| Die `bias`-Eigenschaft wird verwendet, um die Helligkeit der Ausgabe anzupassen. | ||
|
|
||
| ```html | ||
| <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> | ||
| <defs> | ||
| <filter id="convolveFilterWithBias"> | ||
| <feConvolveMatrix | ||
| in="SourceGraphic" | ||
| order="3" | ||
| kernelMatrix="0 -1 0 -1 5 -1 0 -1 0" | ||
| bias="0.25" /> | ||
| </filter> | ||
| </defs> | ||
| <rect | ||
| x="20" | ||
| y="20" | ||
| width="100" | ||
| height="100" | ||
| style="fill:lightblue;" | ||
| filter="url(#convolveFilterWithBias)" /> | ||
| </svg> | ||
| ``` | ||
|
|
||
| ```js | ||
| const convolveMatrix = document.querySelector("feConvolveMatrix"); | ||
|
|
||
| console.log(convolveMatrix.bias.baseVal); // Output: 0.25 | ||
| ``` | ||
|
|
||
| ## Spezifikationen | ||
|
|
||
| {{Specifications}} | ||
|
|
||
| ## Browser-Kompatibilität | ||
|
|
||
| {{Compat}} | ||
|
|
||
| ## Siehe auch | ||
|
|
||
| - [`SVGAnimatedNumber`](/de/docs/Web/API/SVGAnimatedNumber) |
60 changes: 60 additions & 0 deletions
60
files/de/web/api/svgfeconvolvematrixelement/divisor/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| --- | ||
| title: "SVGFEConvolveMatrixElement: divisor-Eigenschaft" | ||
| short-title: divisor | ||
| slug: Web/API/SVGFEConvolveMatrixElement/divisor | ||
| l10n: | ||
| sourceCommit: 804a3f25cfa764e3dbdb87acb90f9fb5118c1425 | ||
| --- | ||
|
|
||
| {{APIRef("SVG")}} | ||
|
|
||
| Die schreibgeschützte **`divisor`**-Eigenschaft des [`SVGFEConvolveMatrixElement`](/de/docs/Web/API/SVGFEConvolveMatrixElement)-Interfaces spiegelt das {{SVGAttr("divisor")}}-Attribut des gegebenen {{SVGElement("feConvolveMatrix")}}-Elements wider. | ||
|
|
||
| ## Wert | ||
|
|
||
| Ein [`SVGAnimatedNumber`](/de/docs/Web/API/SVGAnimatedNumber)-Objekt. | ||
|
|
||
| ## Beispiele | ||
|
|
||
| ### Zugriff auf die `divisor`-Eigenschaft | ||
|
|
||
| Ein Faltungselement wird auf ein Rechteck angewendet, und `divisor` wird verwendet, um die Helligkeit zu steuern. | ||
|
|
||
| ```html | ||
| <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> | ||
| <defs> | ||
| <filter id="convolveFilterWithDivisor"> | ||
| <feConvolveMatrix | ||
| in="SourceGraphic" | ||
| order="3" | ||
| kernelMatrix="0 -1 0 -1 4 -1 0 -1 0" | ||
| divisor="1" /> | ||
| </filter> | ||
| </defs> | ||
| <rect | ||
| x="20" | ||
| y="20" | ||
| width="100" | ||
| height="100" | ||
| style="fill:lightgreen;" | ||
| filter="url(#convolveFilterWithDivisor)" /> | ||
| </svg> | ||
| ``` | ||
|
|
||
| ```js | ||
| const convolveMatrix = document.querySelector("feConvolveMatrix"); | ||
|
|
||
| console.log(convolveMatrix.divisor.baseVal); // Output: 1 | ||
| ``` | ||
|
|
||
| ## Spezifikationen | ||
|
|
||
| {{Specifications}} | ||
|
|
||
| ## Browser-Kompatibilität | ||
|
|
||
| {{Compat}} | ||
|
|
||
| ## Siehe auch | ||
|
|
||
| - [`SVGAnimatedNumber`](/de/docs/Web/API/SVGAnimatedNumber) |
Oops, something went wrong.