https://github.com/sungchuni/canvas-aliasing

🗿 CanvasRenderingContext2D의 imageSmoothingQuality 값에 따른 리스케일링된 이미지의 얼라이어싱 비교 분석
https://github.com/sungchuni/canvas-aliasing

aliasing canvas

Last synced: about 1 month ago
JSON representation

🗿 CanvasRenderingContext2D의 imageSmoothingQuality 값에 따른 리스케일링된 이미지의 얼라이어싱 비교 분석

• Host: GitHub
• URL: https://github.com/sungchuni/canvas-aliasing
• Owner: sungchuni
• Created: 2021-01-04T16:16:41.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-19T09:53:00.000Z (over 5 years ago)
• Last Synced: 2025-01-06T19:20:50.539Z (over 1 year ago)
• Topics: aliasing, canvas
• Language: JavaScript
• Homepage: https://sungchuni.github.io/canvas-aliasing
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 캔버스 얼라이어싱

직접 파일을 업로드하여 Canvas API의 이미지 리스케일링 시 얼라이어싱 현상을 비교합니다. 화면에 렌더링되는 이미지는 너비width를 지정할 수 있으며, 아래와 같은 목록의 결과물이 출력됩니다.

- default: 대조군

- low: `CanvasRenderingContext2D#imageSmoothingQuality = "low"`

- medium: `CanvasRenderingContext2D#imageSmoothingQuality = "medium"`

- high: `CanvasRenderingContext2D#imageSmoothingQuality = "high"`

- super sample: [슈퍼샘플링](https://en.wikipedia.org/wiki/Supersampling) 적용

적당한 이미지가 없을 경우에는 이 [이미지](https://img1.goodfon.com/original/2560x1600/e/a2/abstrakciya-linii-poloski.jpg)를 사용하셔요. 이 스택오버플로의 [답글](https://stackoverflow.com/questions/17861447/html5-canvas-drawimage-how-to-apply-antialiasing)을 참조하였습니다.