Question

我很擅长编辑和嵌入SVG到网页。我的客户是平面设计师，因此他为自己的网站创建了一个svg徽标，并希望我将其嵌入到他的导航栏中。

我也在使用Bootstrap，作为开发的一部分，我正在使用bootstrap工具提示。但是，一旦我嵌入svg并通过视图框编辑坐标，我遇到了一个工具提示问题。

工具提示似乎有这个特殊标志的错误。其余的都没事，但由于某种原因，我无法弄清楚如何解决这个问题。

我今天上传了该网站以进行测试，您可以在http://edizorac.com/

上看到该问题

有问题的徽标是导航栏上的第二个徽标，您还可以通过网络检查器查看我的代码。

任何帮助/建议表示赞赏!!

提前致谢：）

更新

很抱歉给您带来不便。 svg代码如下：

<li>
  <a href="#projects">
    <span>
        <svg version="1.2" baseProfile="tiny" x="0px" y="0px" width="70px" height="60px" viewBox="50 40 90 120" data-toggle="tooltip" title="Projects">
            <polygon fill="none" stroke="#ffffff" stroke-miterlimit="10" points="33.493,81.046 96.934,46.112 88.647,82.874 57.203,117.371 52.946,86.674 99.573,74.629 81.325,117.276 37.909,101.254"/>
            <polyline fill="none" stroke="#ffffff" stroke-miterlimit="10" points="96.451,81.928 114.361,106.172 112.365,112.871 82.791,113.852 "/>
            <line fill="none" stroke="#ffffff" stroke-miterlimit="10" x1="95.854" y1="47.473" x2="37.909" y2="101.254"/>
        </svg>
    </span>
   </a>
 </li>

Answer 1

我建议你有一个read over this并且还有look at this来帮助你处理SVG

将SVG块的第一行更改为：

<svg version="1.2" baseProfile="tiny" x="0px" y="0px" width="40px" height="40px" viewBox="30 47 85 70" data-toggle="tooltip" title="" data-original-title="Projects">

你犯了以下错误：

与其他SVG相比，您设置的高度和宽度不正确（您已定义的高度： 60px ＆amp; Width您已定义 70px ）
您的viewBox属性设置不正确，因此元素未正确对齐

调试！ SVG徽标＆amp;工具提示错误

1 个答案: