글꼴 크기 (px)를 SVG 용 문서에 사용 된 단위 (mm)로 변환하는 방법

나단

여기 에 inkscape에서 만든 svg가 있습니다 .

문서 크기는 mm. 2 개의 텍스트 필드의 경우 글꼴 크기는 다음과 같이 지정됩니다.

style="...;font-size:31.420084px;..."

그래서 그것은 px. 이제 문서 크기와 관련된 글꼴 크기를 원합니다.

그러나 어떻게에서 글꼴 크기를 변환해야 px하는 mm? 나는 같은 것이 필요 dpi하지만 문서는 아무것도 지정하지 않습니다.

홀거 윌

귀하의 경우 viewBox는 문서 치수와 일치합니다.

width="164.28572mm"
height="78.10714mm"
viewBox="0 0 164.28572 78.10714"

즉, 단위보다 작은 값은 모두 mm 단위입니다. 단위없이 글꼴 크기를 지정하십시오 ( 또는 CSS를 사용할 때 문서를 그대로 유지하고 px를 사용하십시오 ).

혼란스러운 부분은 svg의 px가 항상 장치 픽셀이 아니라 사용자 단위라는 것입니다. 그러한 이유로 글꼴 ​​크기는 이미 mm 단위로 지정되어 있으므로 font-size:31.420084px문서 font-size:31.420084mm에서 viewBox 적은 문서 (사용자 단위 장치 픽셀과 동일)

<svg viewBox="0 0 100 20" width="100mm" height="20mm">
  <text x="0" y="12" font-size="12px">12px</text>
</svg>
<svg >
  <text x="0" y="12mm" font-size="12mm">12mm</text>
</svg>

그것이 혼란스러워지는 곳입니다. 다음 예에서 "1mm"는 3.6 사용자 단위와 같지만 1 개의 사용자 단위는 실제 세계에서 1mm와 같으므로 1 개의 svg mm는 3.6 실제 mm와 같습니다.

<svg viewBox="0 0 50 50" width="50mm" height="50mm">
  <text x="0" y="5" font-size="1mm">font-size: 1mm</text>
  <text x="0" y="10" font-size="3.6">font-size: 3.6</text>
</svg>

SVG의 단위 는 약간 유선이지만 잘 정의되어 있습니다.

SVGLength 인터페이스 메소드가 있습니다 convertToSpecifiedUnits. 이를 사용하여 SVG의 다른 단위간에 변환 할 수 있습니다.

var l = svg.createSVGLength()
l.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_PX, 12)
l.convertToSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_MM)

out1.innerHTML = l.valueAsString
svg {
  width: 0;
  height: 0
}
<svg id="svg">
</svg>
12px = <span id="out1"></span>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다debugcn@gmail.com 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

일부 라이브러리를 사용하여 pdf에서 기울임 꼴 글꼴을 일반 글꼴로 변환하는 방법은 무엇입니까?

분류에서Dev

SwiftUI에서 사용할 때 NSTextField 글꼴 크기를 변경하는 방법

분류에서Dev

Vaadin RichTextArea에서 사용자 지정 글꼴 및 사용자 지정 글꼴 크기를 추가하는 방법

분류에서Dev

하위 집합 글꼴에서 사용 된 문자를 찾는 방법은 무엇입니까?

분류에서Dev

Unsemantic을 사용하여 두 개의 서로 다른 글꼴 크기를 한 줄에 배치하는 방법

분류에서Dev

글꼴 수정자를 사용하는 방법은 무엇입니까? SwiftUI의 대문자 및 글꼴 크기

분류에서Dev

PX 값을 Flutter 글꼴 크기로 변환하는 방법

분류에서Dev

asp.net MVC에서 string.format을 사용하는 동안 글꼴 크기를 변경하는 방법

분류에서Dev

중첩 된 switch 문을 사용하여 숫자를 0-9999 범위의 단어로 변환하는 방법

분류에서Dev

R의 latticeExtra에서 doubleYScale을 사용할 때 Y 축 스케일의 글꼴 크기를 변경하는 방법

분류에서Dev

JekyllNow를 사용하여 Github에서 만든 블로그 페이지의 글꼴 크기를 변경하는 방법

분류에서Dev

사용자 지정 TypefaceSpan 클래스로 글꼴 크기를 변경하는 방법

분류에서Dev

switch 문으로 글꼴 크기를 변경하는 방법

분류에서Dev

특정 글꼴로 작성된 문자에 새 글꼴을 적용하는 방법은 무엇입니까?

분류에서Dev

fabricjs에 포함 된 이미지 base64를 사용하여 캔버스를 SVG로 변환하는 방법

분류에서Dev

사용자의 기본 글꼴 크기를 가정하지 않고 CSS / SASS에서 em 값 -1px 계산

분류에서Dev

PyQtGraph에서 TextItem.setText ()를 사용하여 글꼴 크기를 설정하는 방법은 무엇입니까?

분류에서Dev

PyQtGraph에서 TextItem.setText ()를 사용하여 글꼴 크기를 설정하는 방법은 무엇입니까?

분류에서Dev

wxPython-Ubuntu에 설치된 글꼴을 사용하는 방법

분류에서Dev

px.sunburst를 사용하여 단일 범주 글꼴 크기 및 색상을 편집 할 수 있습니까?

분류에서Dev

팝업 전용 WPF 콤보 상자에서 글꼴 크기를 변경하는 방법

분류에서Dev

자바 스크립트를 사용하여 하위 하위 요소의 글꼴 크기를 변경하는 방법

분류에서Dev

Visual Studio 2015의 속성 창에서 글꼴 크기 단위를 변경하는 방법은 무엇입니까?

분류에서Dev

cex.axis를 사용하여 x 및 y 축에 다른 글꼴 크기를 설정하는 방법

분류에서Dev

주어진 글꼴에서 줄 간격을 픽셀 단위로 결정하는 방법 (TVirtualTreeView 용)

분류에서Dev

jquery를 사용하여 테이블 셀에서 글꼴을 동적으로 변경하는 방법

분류에서Dev

Ubuntu 18.04 : Dash에서 패널 확장으로 글꼴 및 크기를 사용자 지정하는 방법은 무엇입니까?

분류에서Dev

C #에서 사용자 지정 글꼴을 효율적으로 재사용하거나 폐기하는 방법

분류에서Dev

다른 화면 크기의 글꼴에 백분율을 사용하는 방법

Related 관련 기사

  1. 1

    일부 라이브러리를 사용하여 pdf에서 기울임 꼴 글꼴을 일반 글꼴로 변환하는 방법은 무엇입니까?

  2. 2

    SwiftUI에서 사용할 때 NSTextField 글꼴 크기를 변경하는 방법

  3. 3

    Vaadin RichTextArea에서 사용자 지정 글꼴 및 사용자 지정 글꼴 크기를 추가하는 방법

  4. 4

    하위 집합 글꼴에서 사용 된 문자를 찾는 방법은 무엇입니까?

  5. 5

    Unsemantic을 사용하여 두 개의 서로 다른 글꼴 크기를 한 줄에 배치하는 방법

  6. 6

    글꼴 수정자를 사용하는 방법은 무엇입니까? SwiftUI의 대문자 및 글꼴 크기

  7. 7

    PX 값을 Flutter 글꼴 크기로 변환하는 방법

  8. 8

    asp.net MVC에서 string.format을 사용하는 동안 글꼴 크기를 변경하는 방법

  9. 9

    중첩 된 switch 문을 사용하여 숫자를 0-9999 범위의 단어로 변환하는 방법

  10. 10

    R의 latticeExtra에서 doubleYScale을 사용할 때 Y 축 스케일의 글꼴 크기를 변경하는 방법

  11. 11

    JekyllNow를 사용하여 Github에서 만든 블로그 페이지의 글꼴 크기를 변경하는 방법

  12. 12

    사용자 지정 TypefaceSpan 클래스로 글꼴 크기를 변경하는 방법

  13. 13

    switch 문으로 글꼴 크기를 변경하는 방법

  14. 14

    특정 글꼴로 작성된 문자에 새 글꼴을 적용하는 방법은 무엇입니까?

  15. 15

    fabricjs에 포함 된 이미지 base64를 사용하여 캔버스를 SVG로 변환하는 방법

  16. 16

    사용자의 기본 글꼴 크기를 가정하지 않고 CSS / SASS에서 em 값 -1px 계산

  17. 17

    PyQtGraph에서 TextItem.setText ()를 사용하여 글꼴 크기를 설정하는 방법은 무엇입니까?

  18. 18

    PyQtGraph에서 TextItem.setText ()를 사용하여 글꼴 크기를 설정하는 방법은 무엇입니까?

  19. 19

    wxPython-Ubuntu에 설치된 글꼴을 사용하는 방법

  20. 20

    px.sunburst를 사용하여 단일 범주 글꼴 크기 및 색상을 편집 할 수 있습니까?

  21. 21

    팝업 전용 WPF 콤보 상자에서 글꼴 크기를 변경하는 방법

  22. 22

    자바 스크립트를 사용하여 하위 하위 요소의 글꼴 크기를 변경하는 방법

  23. 23

    Visual Studio 2015의 속성 창에서 글꼴 크기 단위를 변경하는 방법은 무엇입니까?

  24. 24

    cex.axis를 사용하여 x 및 y 축에 다른 글꼴 크기를 설정하는 방법

  25. 25

    주어진 글꼴에서 줄 간격을 픽셀 단위로 결정하는 방법 (TVirtualTreeView 용)

  26. 26

    jquery를 사용하여 테이블 셀에서 글꼴을 동적으로 변경하는 방법

  27. 27

    Ubuntu 18.04 : Dash에서 패널 확장으로 글꼴 및 크기를 사용자 지정하는 방법은 무엇입니까?

  28. 28

    C #에서 사용자 지정 글꼴을 효율적으로 재사용하거나 폐기하는 방법

  29. 29

    다른 화면 크기의 글꼴에 백분율을 사용하는 방법

뜨겁다태그

보관