지난 이틀 동안 동료의 HTML5 그리기 도구를 사용해야 했고, 직사각형 그리기 기능으로 그린 테두리의 스타일이 일관되지 않음을 발견했습니다. 마침내 몇 가지 문제 해결 방법을 통해 문제의 핵심을 찾았고, 지금은 그렇습니다. 나는 그것을 당신과 공유할 것입니다. 먼저 HTML5에서 직사각형을 그리는 코드를 첨부합니다. 코드 복사코드는 다음과 같습니다. <br> var canvas = document.getElementById ('myCanvas') ; <br> var context = canvas.getContext('2d'); <br> <br> context.beginPath() <br> <br> context.ect(188.0, 50, 200, 100.375 ); <br> context.fillStyle = 'white'; <br> context.lineWidth = 1; <br> context.스트로크() ; <br>< ;/script><br><br><br>실행하고 나면 테두리 스타일이 달라지고 바닥이 확실히 매우 얇아지는 것을 알 수 있습니다. 색상도 약간 다릅니다 </div> <br><br>context.ect(188.0, 50, 200, 100.375)를 context.ect(188.0, 50, 200, 100)로 변경한 후 스타일이 완전히 다릅니다. 일관된. <img src="http://files.jb51.net/file_images/article/201310/201310141616547.gif?2013914161720" alt="">설명: 직사각형을 그릴 때 매개변수 중 하나라도 정수가 아닌 경우 테두리 문제가 발생하기 쉬우므로 사용하기 전에 반올림하는 것이 좋습니다. <br>