结合bs-popover和SVG sprites

Question

我正在尝试将bs-popover功能添加到我的D3图表中。每个节点都显示为从大型精灵表中获取的图标，使用类似：

<svg>
    <defs>
        <image id="sprite" xlink:href="sprite.png" width="700" height="1500"></image>
        <symbol id="icon1"
                    viewBox="1 174 60 60"
                    preserveAspectRatio="none">
                <use xlink:href="#sprite"></use>
        </symbol>
    </defs>

    <use xlink:href="icon1" x="30" y="30" width="60" height="60"></use>
</svg>

图标显示正确，大小为60x60，如符号元素的viewBox属性中所定义。

然而，当我检查Chrome中的图标时，我可以看到即使只显示60x60的viewBox，原始图像的整个700x1500区域也是“保留”。

使用<bs-popover>标签时，这会给我带来麻烦，因为它的位置似乎是由父元素尺寸自动计算的。

有没有办法可以定义bs-popover目的图像的大小不同？或者甚至手动设置弹出窗口位置？