CanvasRenderingContext2D: Eigenschaft imageSmoothingQuality
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die imageSmoothingQuality-Eigenschaft des CanvasRenderingContext2D-Interfaces, das Teil der Canvas-API ist, ermöglicht es Ihnen, die Qualität der Bildglättung festzulegen.
Hinweis: Damit diese Eigenschaft Wirkung zeigt, muss imageSmoothingEnabled auf true gesetzt sein.
Wert
Einer der folgenden:
Der Standardwert ist "low".
Beispiele
Einstellung der Bildglättungsqualität
Dieses Beispiel verwendet die imageSmoothingQuality-Eigenschaft mit einem skalierten Bild.
HTML
html
<canvas id="canvas"></canvas> JavaScript
js
const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); let img = new Image(); img.src = "canvas_create_pattern.png"; img.onload = () => { ctx.imageSmoothingQuality = "low"; ctx.drawImage(img, 0, 0, 300, 150); }; Ergebnis
Spezifikationen
| Specification |
|---|
| HTML # dom-context-2d-imagesmoothingquality-dev |
Browser-Kompatibilität
Siehe auch
- Das Interface, das diese Eigenschaft definiert:
CanvasRenderingContext2D CanvasRenderingContext2D.imageSmoothingEnabledimage-rendering