svg rect 在 chrome 和 ie 中渲染良好，但在 Firefox 和 Opera 中不好答案

【问题标题】：svg rect renders good in chrome and ie but bad in firefox and operasvg rect 在 chrome 和 ie 中渲染良好，但在 Firefox 和 Opera 中不好
【发布时间】：2013-11-06 20:39:57
【问题描述】：

这个非常简单的 svg 在 chrome 30 和 9 中渲染得非常好。但是矩形在 firefox 25 或 opera 12 中被切割成错误的尺寸

<!DOCTYPE html>
<head>
</head>
<body>
<svg id="svg_treemap">
  <g transform="translate(0,0)" class="items_node">
    <rect x="0" y="0" style="fill: rgb(0, 255, 255);" height="445" width="835"></rect>
  </g>
</svg>
</body>

有什么想法吗？

【问题讨论】：

[未连接到此问题，但您不妨看看stackoverflow.com/q/20067103]。

标签： firefox svg opera

【解决方案1】：

<svg> 元素缺少宽度和高度属性。试试宽度=“100%”高度=“100%”。

恐怕 IE 和 Chrome 都没有正确实现这一点，但 Chrome 至少有计划这样做。

【讨论】：

omg ...这些是我讨厌网络开发人员的情况:-)