내 질문은 devicePixelRatio 사용에 관한 것입니다. 다음 예를 고려해보세요:

내가 원하는 것은 이것이다:

내 화면의 devicePixelRatio는 2입니다.

내 목표는 5x5 크기의 캔버스에 1x1 크기의 점을 표시하는 것입니다.

제가 이해한 바를 적용하여 디스플레이 버퍼 크기에 비해 드로잉 버퍼 크기를 두 배로 늘렸습니다.

포인트 크기: 1x1의 경우 결과가 좋습니다.

그러나 캔버스의 크기는 여전히 두 배입니다. 10x10 무엇을 위해? 설명은 당연히 뻔하지만...

제 질문이 5월 1일에 다시 작성되었는데 명확하지 않습니다

내 화면은 2

와 같은 window.devicePixelRatio 값을 반환합니다. 내 목표는 픽셀을 정사각형으로 표시하는 코드를 작성하는 것입니다.

정사각형의 크기는 5x5픽셀입니다.

다음 코드를 사용해 보았습니다.

결과는 다음과 같습니다: 스크린샷을 복사하여 붙여넣었습니다

Gimp 아래에 있어서 확대해서 그리드를 추가했어요

검은 점, ctx.fillRect(3, 3, 1,1)의 결과는 정확히 내가 원하는 크기입니다.

단, 빨간색 배경의 크기는 10 x 10입니다. 5x5였으면 좋겠다