댓글 : 내부 사각형 기능으로 그려진 경계에는 일관성이없는 스타일이 있음을 발견했습니다. 문제를 모두에게 해결하기위한 아이디어를 공유하겠습니다. 관심있는 친구들은 그것을 놓치지 않아야합니다.
지난 이틀 동안 동료의 HTML5 그림을 사용해야합니다. 내부 사각형이있는 함수에 의해 그린 경계에는 일관성이없는 스타일이 있음을 알았습니다. 마지막으로, 나는 몇 가지 배제 방법을 통해 문제의 요점을 발견했으며 당신과 공유하겠습니다.
먼저 HTML5 코드를 부착하여 사각형을 그립니다.
<canvas> </canvas>
<cript>
var canvas = document.getElementById ( 'mycanvas');
var context = canvas.getContext ( '2d');
context.beginpath ();
context.rect (188.0, 50, 200, 100.375);
Context.FillStyle = 'White';
context.fill ();
context.linewidth = 1;
context.strokestyle = '빨간색';
Context.Stroke ();
</스크립트>
실행 후 테두리 스타일이 다르고 바닥은 분명히 매우 얇습니다. 색상은 약간 다릅니다
context.rect (188.0, 50, 200, 100.375)를 context.rect (188.0, 50, 200, 100)로 수정 한 후 스타일이 완전히 일관된 것으로 나타났습니다.
이것은 사각형을 그릴 때 정수가 아닌 매개 변수가 있으면 테두리 문제를 일으키기 쉽기 때문에 사용하기 전에 반올림하는 것이 좋습니다.