我有一系列<circle>通过算法动态定位<svg>.我想在每个圆圈旁边添加一个图标,我正试图通过:
.node:after {
content:url(/img/icon.png);
}
选择器是正确的,因为我在Firebug中看到它但没有图标显示.我想做一些不可能的事吗？为什么我不在某处看到我的图标？
额外的问题:是否可以将此图标相对于圆形元素的中心定位.
我们忽略了Firefox中SVG标记中生成的内容,因此您无法以这种方式执行此操作.你必须<image>使用javascript 创建元素.
SVG规范没有提到:before和:after.它实际上只有你有相对定位的html才有意义所以下一个项目会自动定位在前一个项目之后,而不是SVG中所有内容都是绝对定位的.
你必须尝试其他浏览器,看看它是否在那里工作,但我真的没有看到他们如何明智地实现它.