我有一个非常简单的路径(只是一个+符号),我从Inkscape导出,我想用它作为按钮的内容但是当我这样做时,路径偏离中心。
<Button Height="24" Width="24">
<Viewbox HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Fill">
<Path Fill="#000000" Data="M 11 5 L 11 11 L 5 11 L 5 13 L 11 13 L 11 19 L 13 19 L 13 13 L 19 13 L 19 11 L 13 11 L 13 5 L 11 5 z"/>
</Viewbox>
</Button>
我已将其包裹在Viewbox
中,因此我可以对其进行缩放,并且我尝试使用HorizontalAlignment
,VerticalAlignment
和LayoutRounding
进行游戏,但他们不会似乎影响了定位。
我猜测路径数据本身对此负责......可能从第一个Move To(M)开始,但我对手动编辑路径没有信心。
有没有办法纠正这个,所以它显示在按钮内的中心?我还有更多按钮要构建,所以我想了解发生了什么。
这是最初的SVG:
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24" enable-background="new 0 0 24 24" width="48" height="48">
<path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Bitstream Vera Sans" d="M 11 5 L 11 11 L 5 11 L 5 13 L 11 13 L 11 19 L 13 19 L 13 13 L 19 13 L 19 11 L 13 11 L 13 5 L 11 5 z" color="#000" overflow="visible" enable-background="accumulate" font-family="Bitstream Vera Sans"/>
谢谢!!
答案 0 :(得分:3)
使用类似的东西:
<Button Width="24" Height="24">
<Path Margin="2"
Data="M 11 5 L 11 11 L 5 11 L 5 13 L 11 13 L 11 19 L 13 19 L 13 13 L 19 13 L 19 11 L 13 11 L 13 5 L 11 5 z"
Fill="#000000"
Stretch="Fill" />
</Button>
当您拥有ViewBox
Path