垂直对齐SVG文本条带
我可以使用什么SVG技术来完全垂直对齐文本条带？该SVG使用rect制作水平条纹，并尝试在每个条纹上以完美的垂直对齐方式分层文本，但看起来有点不对劲。我正在寻找一种可以使用不同字体的跨浏览器技术 口味 苹果 香蕉 樱桃垂直对齐SVG文本条带,svg,alignment,vertical-alignment,text-alignment,Svg,Alignment,Vertical Alignment,Text Alignment,我可以使用什么SVG技术来完全垂直对齐文本条带？该SVG使用rect制作水平条纹，并尝试在每个条纹上以完美的垂直对齐方式分层文本，但看起来有点不对劲。我正在寻找一种可以使用不同字体的跨浏览器技术 口味 苹果 香蕉 樱桃 要获得可靠的结果，您需要指定要使用的确切字体。目前，您仅依赖默认字体。不管是什么。默认字体取决于浏览器、浏览器设置和/或操作系统 还要记住，并非每个字体都包含对齐基线使用的数据。这就是为什么它建议您不要依赖对齐基线，除非您a知道您使用的确切字体支持对齐基线，b可能使用的每个浏览
要获得可靠的结果，您需要指定要使用的确切字体。目前，您仅依赖默认字体。不管是什么。默认字体取决于浏览器、浏览器设置和/或操作系统 还要记住，并非每个字体都包含对齐基线使用的数据。这就是为什么它建议您不要依赖对齐基线，除非您a知道您使用的确切字体支持对齐基线，b可能使用的每个浏览器都支持对齐基线，c在显示SVG的任何地方都有该字体可用 另一种dy技术只要求您知道字体可用 例如，如果您知道Arial将始终可用，则可以使用0.35em的dy，这是已知的Arial的正确值。因为它使用em单位，所以它可以适用于任何字体大小 口味 苹果 香蕉 樱桃
请查看浏览器兼容性，而不是使用对齐基线。您可以使用dy将文本的位置更改为所需的位置：APPLEThanks是的，y和dy可以调整它，但数量似乎因字体而异。我可以看出，支持对齐基线，因为更改值会更改对齐。MDN在说什么？表示未报告。他们将其定义追溯到感谢您也添加了代码段运行程序：事实上，dy应该是字体大小的1/4，使用大约dy=.2ex似乎是目前为止最好的