피드로 돌아가기
Dev.toFrontend
원문 읽기
SVG Text-to-Path 변환을 통한 Overleaf 렌더링 정밀도 확보
Fixing SVG Figure Alignment Issues Between Inkscape and Overleaf
AI 요약
Context
Inkscape에서 설계한 SVG figure가 Overleaf(LaTeX) 업로드 후 레이블 위치 및 폰트 정렬이 어긋나는 Rendering Inconsistency 발생. 이는 서로 다른 SVG Conversion Engine과 Baseline 계산 방식의 차이로 인해 Editable Text의 렌더링 결과가 달라지는 문제임.
Technical Solution
- Overleaf Layout-debug 블록을 통한 실제 Text Width(164.6mm) 및 Margin 정밀 측정
- LaTeX \includegraphics의 Relative Width(0.9\textwidth) 개념을 절대 수치(148.1mm)로 환산하여 Inkscape Canvas 크기에 반영
- Aspect Ratio Lock 설정을 통한 강제 스트레칭 방지 및 원본 비율 유지
- Editable Text를 Vector Path로 변환하여 폰트 엔진 의존성을 완전히 제거하는 Object to Path 전략 채택
- 수정 가능한 Editable SVG와 배포용 Plain SVG를 분리하여 관리하는 Versioning Workflow 구축
- 렌더링 안정성 극대화를 위해 최종 결과물을 PDF 포맷으로 Export 하는 Fallback Plan 수립
실천 포인트
1. LaTeX 로그 파일에서 정확한 Text Width 수치 확인
2. Inkscape Canvas 크기를 계산된 절대 수치로 설정 및 비율 고정
3. 최종 Export 전 'Path → Object to Path' 실행으로 텍스트 벡터화
4. Plain SVG 또는 PDF 포맷으로 저장하여 폰트 임베딩 이슈 방지