ImageSmoothingEnabled i ImageSmoothingQuality

imageSmoothingEnabled

Składnia:
ctx.imageSmoothingEnabled = value;

  • true – wartość domyślna
  • false

Wartość domyślna: true

imageSmoothingQuality

Składnia: ctx.imageSmoothingQuality = "low" || "medium" || "high"

  • low – niska jakość odwzorowania
  • medium – średnia jakość odwzorowanai
  • high – wysoka jakosć odwzorowania

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"

                const canvas = document.getElementById('canvas');
                const ctx = canvas.getContext('2d');
                let img = new Image();
                img.src = "images/pies.jpg";
                img.onload = function () {
                    ctx.imageSmoothingQuality = 'low';
                    ctx.drawImage(img, 0, 0);
                };
            

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *