Html SVG调整冲突大小
我有一个存储按钮的标题。标题没有任何特殊功能,但由于某些原因显示不正确。我在那里使用SVG图标,并且所有图标都正确显示,但有一个显示正确。我相信这是一个尺寸问题<代码>视图框在所有视图上都设置为0 512,但仍有一个图标显示得非常小 代码如下:Html SVG调整冲突大小,html,svg,header,Html,Svg,Header,我有一个存储按钮的标题。标题没有任何特殊功能,但由于某些原因显示不正确。我在那里使用SVG图标,并且所有图标都正确显示,但有一个显示正确。我相信这是一个尺寸问题视图框在所有视图上都设置为0 512,但仍有一个图标显示得非常小 代码如下: 行动 您的svg有问题。试着用这个: 。图标{ 宽度:40px; 高度:40px; } 您的svg有问题。试着用这个: 。图标{ 宽度:40px; 高度:40px; } 如果仔细查看SVG,您会发现所使用的路径大小为24 x 24,这在512 x
行动
您的svg有问题。试着用这个:
。图标{
宽度:40px;
高度:40px;
}
您的svg有问题。试着用这个:
。图标{
宽度:40px;
高度:40px;
}
如果仔细查看SVG,您会发现所使用的路径大小为24 x 24,这在512 x 512视口中非常小 解决问题的最简单方法是将viewbox设置为viewbox=“0 0 24” 通过使用SVG path元素并将draw属性转换为绝对单位(大写字母),您可以更清楚地看到这一点:
变成
在这里,您可以更清楚地看到最大的Y值是24(V24),箭头的中点是x12(L12),最大化了路径24 X 24的矩形边界。如果仔细查看SVG,您可以看到正在使用的路径的大小是24 X 24,这在512 X 512视口中非常小 解决问题的最简单方法是将viewbox设置为viewbox=“0 0 24” 通过使用SVG path元素并将draw属性转换为绝对单位(大写字母),您可以更清楚地看到这一点:
变成
在这里,您可以更清楚地看到最大的Y值是24(V24),箭头的中点是X 12(L12),最大化路径24 X 24的矩形边界。跨距内的表格不是有效的html,如果这不是电子邮件模板,然后,使用用于布局的表在语义上不正确,我知道,但也有一些类似于遗留的东西:(跨度内的表不是有效的html,如果这不是电子邮件模板,那么使用用于布局的表在语义上不正确,我知道,但也有一些类似于遗留的东西:(