SVG文本位置与chrome vs firefox相差无几

时间:2017-02-11 04:55:20

标签: javascript google-chrome firefox svg

我有以下代码来绘制svg文本。

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Center text in SVG rect -- horz and vert</title>
</head>
<body>
<svg height="50" width="200">
  <rect fill="green" x="0" y="0" width="200" height="50"></rect>
  <text x="100" y="25" fill="red" text-anchor="middle" alignment-baseline="central">Christmas Time!</text>
</svg>
</body>
</html>

单独使用镀铬工作正常。(svg text y location) firefox和IE的输出完全不同?如何解决这个问题?

0 个答案:

没有答案