代码之家  ›  专栏  ›  技术社区  ›  Martin Capodici

SVG Chrome渲染错误,在组转换内具有主基线

svg
  •  0
  • Martin Capodici  · 技术社区  · 5 年前

    下面圆圈中的第二个X在Firefox上垂直居中对齐,但在Chrome上没有,这是一个bug吗?

    第一个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>
    0 回复  |  直到 5 年前