在svg元素中设置css

我有一个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不起作用。有没有其他方法可以在svg中设置css。

好的，svg标准没有指定任何类似边距的内容，这就是为什么它的处理不一致的原因。只需设置图像的正确x和y以及svg的正确大小

我已经在SO中看到了这个答案。我想如果有任何新的选择是可用的。你确定没有其他选择了吗？是的，我确定。Svg使用坐标按需放置元素。在这种情况下，边距和填充是无用的。这就是他们决定不实施的原因。

.leaf
{
   margin-top:80px;
}