fillRect 백분율을 설정하는 방법

Question

fillRect HTML/JS에서 백분율을 어떻게 설정합니까? ctx.fillRect (50, 10 %, 50, 40); 이 작동하지 않습니다. 어떻게 할 수 있습니까?

Answer 1

비율에 캔버스 높이를 곱하면됩니다.

ctx.fillRect(50, .1 * canvas.height, 50, 40);