KineticJS strokeWidth centering

Question

Kinetic에서 strokeWidth를 사용하면 실제 지점의 양쪽에 너비가 추가됩니다. 즉, 스트로크는 일반적으로 1px 라인의 중심에 있고 그 라인의 폭은 중심에서 바깥쪽으로 커집니다.

예를 들어 아래 이미지 "A"에서 포인트가 (0,0)이지만 라인이 그 포인트에서 바깥쪽으로 커지고 있음을 알 수 있습니다. 내가 필요한 것은 이미지 "B"와 같은 것입니다.

나는 polygon을 strokeWidth의 차이만큼 확대하여이 작업을 수행 할 수 있음을 알고 있지만 많은 측정을하지 않을 것이므로 "바깥쪽으로 자라다"는 것이 더 쉽기를 바라고 있습니다.

Answer 1

유일한 기본 HTML 캔버스 스트로크 정렬입니다 센터 정렬.

스트로크가 "in"으로 주어 지기도합니다. "밖으로"| "센터"정렬,하지만 지금까지 아무것도 fromWG : http://old.nabble.com/Canvas-stroke-alignment-tc29205720.html

사용자 지정 키네틱 셰이프에 넣을 수 있습니다. 그렇게하면 원래 다각형 외부에있는 두 번째 "쓰다듬어"다각형을 그릴 수 있습니다. 좀 더 많은 설정 작업이지만 원하는 결과를 얻을 수 있습니다.