mapSVG 텍스트 객체가 왼쪽 위 모서리 위치에 있습니다.

Question

일부 간단한 평면도의 SVG를 렌더링하는 데 mapSVG을 사용하고 있습니다. 각 셰이프 위쪽에 텍스트 개체를 배치하여 각 단위 (단위 1, 단원 2 등)의 레이블로 사용하도록했습니다.

SVG를 Illustrator에 저장하고 Firefox에서 직접 SVG를 열면 (예를 들어), 모양과 텍스트가 모두 올바른 위치에 있습니다. 내가 원하는 방식으로 보인다.

mapSVG 및 스크립트를 사용하여 SVG를 렌더링 할 때 문제가 발생합니다. 모양은 여전히 ​​올바르게 보이지만 모든 텍스트 객체가 0,0 (상단 왼쪽 모서리)에 서로 위에 놓여있는 것처럼 보입니다.

왜 이런 일이 발생하는지 알고 싶습니다. 나는 현재 제공 할 온라인 링크가 없지만 내가 할 때 업데이트 할 것입니다.

감사합니다.

Answer 1

내가 잘못했을 수도 있습니다. 나는 그것이 텍스트 객체와 함께 작동해야하는지 모르겠다.하지만 내가 끝낸 것은 텍스트 객체를 윤곽선으로 변환 한 다음 다른 단위 셰이프와 함께 경로로 내보내는 것이다.

거기에서 나는 mapSVG의 특정 영역에 대해 텍스트 경로 (현재 윤곽선)에 '사용 안 함'옵션을 사용했습니다. 이것은 효과가있는 것 같습니다.