Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 跨浏览器SVG文本基线对齐_Html_Svg_Cross Browser - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 跨浏览器SVG文本基线对齐

Html 跨浏览器SVG文本基线对齐

html svg

Html 跨浏览器SVG文本基线对齐,html,svg,cross-browser,Html,Svg,Cross Browser,这是如何在浏览器中为Chrome呈现SVG文本的，在大小写属性中有以下注释 <text x="50%" y="50%" className='middleText' textAnchor="middle" alignmentBaseline="middle" >{style.displayVal.toF

这是如何在浏览器中为Chrome呈现SVG文本的，在大小写属性中有以下注释

            <text x="50%" y="50%"
                    className='middleText'
                    textAnchor="middle"
                    alignmentBaseline="middle"
                    >{style.displayVal.toFixed(precision)}</text>
以下是Firefox中文本的呈现方式：

您发现的获得一致基线交叉浏览器的最佳方法是什么？

将alignmentBaseline替换为dominantBaseline

Firefox目前不支持前一个属性，但支持后一个属性