javascript - 캔버스의 들쭉날쭉한 가장자리를 제거하는 방법

Question

제목처럼 캔버스 그래픽을 만들었는데 모서리가 들쭉날쭉했어요

하나 찾았습니다: Bicubic Interpolation의 보간 알고리즘인데 이해가 안 되네요. 조언 좀 부탁드립니다
Orz!!

Answer 1

먼저 캔버스 해상도를 두 배로 높여서 확인해 보세요.
디스플레이 크기가 w * h라고 가정합니다.

1. 캔버스의 너비와 높이를 2w 및 2h

로 설정합니다.

2. 캔버스 스타일의 너비와 높이를 w와 h로 설정하세요

Answer 2

echarts(Baidu Charts) 등 더 좋은 플러그인을 찾아봤지만 10,000줄이 넘는 코드를 읽을 수 없었고 마침내 해결책을 찾았습니다
https://www.zhihu.com/questio..
let 너비 = canvas.width,height=canvas.height;
if (window.devicePixelRatio) {

으아아아

}
같은 문제를 겪고 있는 어린이 신발들과 공유하고 싶습니다