SvgPathEditor ์†Œ๊ฐœ

SvgPathEditor๋Š” SVG ๊ฒฝ๋กœ๋ฅผ ๋””์ž์ด๋„ˆ๋ฅผ ์ด์šฉํ•ด ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ๋„๊ตฌ ์ž…๋‹ˆ๋‹ค.

https://yqnn.github.io/svg-path-editor/

์ด ๊ฒฝ๋กœ๋Š” UWP๋ฐ WinUI 3์—์„œ PathIcon์œผ๋กœ ์“ธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

...
<x:String x:Key="PathEntity">M 21 25 V 0 H 20 V 24 H 1 V 1 H 20 V 0 H 0 V 25 H 21 M 1 10 H 20 V 11 H 1 V 10</x:String>
                        <AppBarButton Command="{x:Bind ViewModel.MenuCommand}" IsCompact="True" MaxWidth="32">
                            <AppBarButton.Icon>
                                <PathIcon Data="{StaticResource PathEntity}" />
                            </AppBarButton.Icon>
                        </AppBarButton>

image

๋น„ํŠธ๋งต ์•„์ด์ฝ˜์€ ๋ณ„๋กœ๊ณ  (๋˜ ํ…Œ๋งˆ์— ๋ถ€์ ํ•ฉํ•˜๊ณ ) ๊ธฐ์กด ํฐํŠธ ์•„์ด์ฝ˜์—๋Š” ์—†๋Š” ๊ฒฝ์šฐ ์“ฑ์“ฑ ๋งŒ๋“ค์–ด ์“ธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ข‹์•„์š” 1