캔버스 그림이 겹칠 수 있으니까요. 이 블로그를 참조하세요: http://www.jianshu.com/p/2d51... 이 블로그에서는 각 그림 전에 원래 사각형을 지우는 데clearRect()가 사용됩니다. 매번 텍스트를 그리기 전에 원본 텍스트를 지우십시오. 하지만 캔버스 API를 확인한 후 filltext()에 해당하는 명확한 메서드가 없거나 찾지 못했을 수도 있다는 것을 발견했습니다. 그래서 시도해 볼 것을 제안합니다. 각 그림 앞에 빈 문자열을 그립니다. 즉, 이전에 쓴 단어를 덮어쓴 다음 다시 작성합니다. cts.fillText(process+"%",x,y)前加一句cts.fillText(" "+"%",x,y)도움이 되셨으면 좋겠습니다~
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
moveTo 앞에 cts.save()를 추가하세요.
fillText 뒤에 cts.restore()를 추가해 보세요.
clearRect의 범위가 캔버스 크기를 초과하는지 확인해야 합니다. 그럴 경우 설명할 수 없는 버그가 발생합니다.
캔버스 그림이 겹칠 수 있으니까요.
이 블로그를 참조하세요:
http://www.jianshu.com/p/2d51...
이 블로그에서는 각 그림 전에 원래 사각형을 지우는 데clearRect()가 사용됩니다. 매번 텍스트를 그리기 전에 원본 텍스트를 지우십시오.
하지만 캔버스 API를 확인한 후 filltext()에 해당하는 명확한 메서드가 없거나 찾지 못했을 수도 있다는 것을 발견했습니다.
그래서 시도해 볼 것을 제안합니다.
각 그림 앞에 빈 문자열을 그립니다. 즉,
이전에 쓴 단어를 덮어쓴 다음 다시 작성합니다.
cts.fillText(process+"%",x,y)前加一句cts.fillText(" "+"%",x,y)도움이 되셨으면 좋겠습니다~