svg - SVG Chrome 渲染错误与组变换中的主导 Baseling
问题描述
下面圆圈中的第二个 X 在 Firefox 上垂直居中对齐,但在 Chrome 上却没有,这是一个错误吗?
第一个 X 在两者上都正确对齐。
<svg height="200">
<circle cx="100" cy="100" r="100" fill="red"></circle>
<text x="100" y="100" dominant-baseline="central" text-anchor="middle" font-size="50">X</text>
</svg>
<svg width="340px" height="100px" viewBox="0 0 100 29.41"><g transform="translate(8.333333333333334 7.500000000000001) scale(15.000000000000002 15.000000000000002)"><circle cx="0" cy="0" r="0.5" fill="red"></circle><text x="0" y="0" dominant-baseline="central" text-anchor="middle" font-size="0.4">X</text></g></svg>
解决方案
推荐阅读
- mura - 如何从内容中的 mura 标记访问模块
- r - R:删除所有不匹配的字符串向量字母
- gridview - Gridview 限制孩子的内容
- solidity - 如何仅通过控制台(Truffle)使用 ABI 更新已部署的以太坊智能合约
- reactjs - 如何在选择元素中设置键道具
- r - 如何在向量的帮助下删除列表条目?
- javascript - 将多个重叠图像保存为单个图像
- java - ProcessBuilder 启动java程序:IOException。无法启动进程。原因:无法运行程序 CreateProcess 错误=2
- dart - 无法在侦听器内调用 onData
- visual-studio-code - 如何默认关闭 VSCode Word Wrap?