Js-beautify: SVG 파일 ν˜•μ‹μ„ μ˜¬λ°”λ₯΄κ²Œ μ§€μ •ν•˜μ§€ λͺ»ν•¨

에 λ§Œλ“  2016λ…„ 09μ›” 14일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: beautify-web/js-beautify

기술

λΌμ΄λΈŒλŸ¬λ¦¬λŠ” SVG νŒŒμΌμ„ μ μ ˆν•˜κ²Œ μ²˜λ¦¬ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. λ¬΄μ–Έκ°€λŠ” ν•˜μ§€λ§Œ ν•΄μ•Ό ν•˜λŠ” 일은 μ•„λ‹™λ‹ˆλ‹€.

μž…λ ₯

λ―Έν™” μ „μ˜ 이 μ½”λ“œ(λ‚˜λŠ” 그것을 λ‹¨μˆœν™”ν•˜κ³  μ˜λ„μ μœΌλ‘œ λ“€μ—¬μ“°κΈ°λ₯Ό μ—‰λ§μœΌλ‘œ λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. 원본/전체 λ§ˆν¬μ—…κ³Ό λ™μΌν–ˆμŠ΅λ‹ˆλ‹€):

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
                    <rect id="XMLID_20_" x="-7" 
                          class="st0" 
                          width="49" height="36"/>
</svg>

μ˜ˆμƒ 좜λ ₯

μ–΄λ–»κ²Œ μƒκ²ΌλŠ”μ§€ μ •ν™•νžˆ λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€. νƒœκ·Έ 속성 사이에 쀄 λ°”κΏˆμ„ ν—ˆμš©/μœ μ§€ν•˜λŠ” κ²½μš°μ™€ 같을 수 μžˆμŠ΅λ‹ˆλ‹€.

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
     <rect id="XMLID_20_" x="-7" 
           class="st0"
           width="49" height="36"/>
</svg>

...λ˜λŠ” μ œκ±°ν•΄μ•Ό ν•˜λŠ” 경우

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
     <rect id="XMLID_20_" x="-7" class="st0" width="49" height="36"/>
</svg>

μ‹€μ œ 좜λ ₯

λ―Έν™” ν›„ μ½”λ“œλŠ” μ‹€μ œλ‘œ λ‹€μŒκ³Ό κ°™μ•˜μŠ΅λ‹ˆλ‹€.

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
                    <rect id="XMLID_20_" x="-7" 
                          class="st0" 
                          width="49" height="36"/>
</svg>

μ—¬λŠ” <svg> νƒœκ·Έ(속성 사이)의 ν•œ 쀄 λ°”κΏˆλ§Œ μ œκ±°λ˜μ—ˆμŒμ„ μœ μ˜ν•˜μ‹­μ‹œμ˜€( <rect> 쀄 λ°”κΏˆμ— λŒ€ν•΄μ„œλŠ” 아무 μž‘μ—…λ„ μˆ˜ν–‰ν•˜μ§€ μ•ŠμŒ). λ“€μ—¬μ“°κΈ°λ₯Ό μ „ν˜€ λ³€κ²½ν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.

ν™˜κ²½

운영 체제: Windows 10 Pro 64λΉ„νŠΈ

μ„€μ •

κΈ°λ³Έ.

μΆ”κ°€ 의견

파일 ν™•μž₯자λ₯Ό XML둜 λ³€κ²½ν•˜κ³  beautifyλ₯Ό λ‹€μ‹œ μ‹€ν–‰ν•˜λ €κ³  ν–ˆμŠ΅λ‹ˆλ‹€. 이것은 μ΅œκ·ΌκΉŒμ§€μ˜ ν•΄κ²° λ°©λ²•μ΄μ—ˆμŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ κ²°κ³ΌλŠ” μœ„μ— ν‘œμ‹œλœ 것과 λ™μΌν–ˆμŠ΅λ‹ˆλ‹€(κ³Όκ±°μ—λŠ” μ œλŒ€λ‘œ μž‘λ™ν–ˆμŠ΅λ‹ˆλ‹€). XML 미화에 λ¬Έμ œκ°€ μžˆλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€(라이브러리의 λ™μΌν•œ 뢀뢄이 SVG 및 XML을 μ²˜λ¦¬ν•˜κ³  μžˆλ‹€κ³  κ°€μ •ν•©λ‹ˆλ‹€).

이전에 https://github.com/brackets-beautify/brackets-beautify/issues/223에 λ³΄κ³ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

fixed? bug

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

μ–΄λ–€ 진전이 μžˆμŠ΅λ‹ˆκΉŒ? 인라인 svgλ₯Ό μ–΄λ–»κ²Œ μ•„λ¦„λ‹΅κ²Œ ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

λͺ¨λ“  3 λŒ“κΈ€

이것은 μ „ν˜€ ν˜•μ‹ν™”λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€: <svg><defs><path></path></defs></svg>

μ–΄λ–€ 진전이 μžˆμŠ΅λ‹ˆκΉŒ? 인라인 svgλ₯Ό μ–΄λ–»κ²Œ μ•„λ¦„λ‹΅κ²Œ ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

이것은 v1.8.0-rc14μ—μ„œ ν•΄κ²°λœ κ²ƒμœΌλ‘œ λ³΄μž…λ‹ˆλ‹€. λ‚˜λŠ” 그것에 λŒ€ν•œ ν…ŒμŠ€νŠΈλ₯Ό μž‘μ„± 쀑이며 μ‹œκ°„μ΄ 끝날 λ•ŒκΉŒμ§€ PR을 μ œμΆœν•  κ²ƒμž…λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰