在svg元素中设置css

Question

我有一个svg图像元素。我必须为图像设置边距。

<svg id="chart" preserveAspectRatio="xMidYMid" viewBox="0 0 960 500">

    <image class="leaf" x="240.9471668231492" y="362.4164063706163" width="80" height="80" href="http://upload.wikimedia.org/wikipedia/commons/a/ac/ML_maple_leaf.png"></image>
<svg>

我的css是： -

.leaf
{
   margin-top:80px;
}

为什么我的css无效。是否有任何方法可以在svg中设置css。

Answer 1

AFAIK，SVG标准没有指定像保证金这样的东西，这就是它处理不一致的原因。只需设置图像的正确x和y以及svg的正确大小