여러 SVG 파일을 동일한 비율로 확장

Question

저는 거의 100개에 달하는 SVG 파일 모음을 가지고 있습니다. 모두 아름답게 손으로 코딩되었으며 각 파일에는 viewBox, 너비 및 높이가 신중하게 지정되어 있습니다. 이러한 SVG 파일은 너비, 높이 및 종횡비가 다릅니다.

어색한 문제가 있습니다. 상대 크기에 관심을 갖고 보존하고 싶습니다.

• HTML 페이지에서는 "자연스러운" 크기, 즉 너비와 높이로 지정된 크기로 표시되기를 원합니다. 매우 간단합니다. <img src="….svg">。也许CSS应该指定{object-fit: none;}, 하지만 작동하지 않는 것 같습니다.

• 또한 이를 일관된 배율(예: 6x)로 표시하고 싶습니다. 분명히 CSS는 픽셀 너비를 고수할 수 있지만 이러한 유형의 확대는 일관된 요인에 의해 발생하지 않습니다.

HTML이나 CSS(가능하면 스크립트 없이)에서 SVG가 기본 크기의 600%로 표시되도록 지정하는 방법을 알려주십시오. 즉, 각 SVG 파일의 첫 번째 줄에서 너비와 높이의 6배입니다.

---

[편집] 목적에 관한 몇 가지 단어가 사람들에게 영감을 주거나 단순히 즐거움을 줄 수도 있습니다. 금융시장 차트와 수치 그래픽으로 보면 엉망이다. 일관된 표현이 없습니다. 수십 년 동안 저는 USD EUR GBP JPY CHF CAD AUD NZD SEK NOK와 같이 제가 직접 디자인한 일부 표준 기호를 사용해 왔습니다. 시간이 지남에 따라 이 목록에는 제가 고려한 모든 통화 및 국채 발행자, EMBI 구성원, EU 회원국 및 가입 후보, GDP가 더 큰 일부 기타 국가, 개발 은행 채권 발행자가 포함되도록 확장되었습니다. 이제 이 컬렉션은 SVG로 다시 작성되고 있으며 그 과정에서 개선과 개선이 이루어지고 있습니다. 마커마다 종횡비가 다르므로 너비도 다릅니다. 내 HTML 페이지가 (작은) 원래 크기로 표시되기를 원하지만 세부 사항이 올바른지 확인하기 위해 일관된 배율로도 표시되기를 원합니다.

예, 준비가 되면 Boost 라이선스에 따라 오픈 소스가 됩니다.

Answer 1

6배 확대하려면 라벨을 다음과 같이 설정하세요

으아아아

또는 CSS 파일에 변환 속성을 추가하세요. 6,6은 X와 Y가 각각 6배로 조정되었음을 의미합니다.