It allows a web developer to choose the quality/performance tradeoff when scaling images. There are 3 options in total: low, medium and high.

Demos

• https://jsfiddle.net/khru0mzj/
• https://drive.google.com/a/google.com/file/d/0BySFHAS13VhbRVBUM3dHaDV3VFU/view

Documentation

• https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality

Specification

Specification link

Status: Final published standard: Recommendation, Living Standard, Candidate Recommendation, or similar final form

Status in Chromium

Blink components: Blink

Implementation status: Enabled by default (tracking bug)

Consensus & Standardization

• Firefox: Negative
• Safari: Shipped/Shipping
• Web Developers: Strongly positive

Owners

• zmin@chromium.org
• junov@chromium.org

Last updated on 2020-11-19