Question

这个非常简单的svg渲染得非常好，在chrome 30和ie 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>

任何想法？

Answer 1

您在<svg>元素上缺少宽度和高度属性。尝试宽度=＆＃34; 100％＆＃34;高度=＆＃34; 100％＆＃34 ;.

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

svg rect在chrome中表现良好，但在firefox和opera中却很糟糕

1 个答案: