调试!SVG logo &提示错误
Debugging! SVG logo & tooltip bug
我是编辑和嵌入SVG到网页的新手。我的客户是一个平面设计师,所以他为他的网站创建了一个svg徽标,并希望我将其嵌入到他的导航栏。
我也在使用Bootstrap,作为开发的一部分,我使用Bootstrap工具提示。然而,一旦我嵌入svg并通过viewbox编辑坐标,我就遇到了一个工具提示的问题。
这个特殊的徽标的工具提示似乎有bug。其余的都还好,但由于某种原因,我不知道如何修复这个。
我今天已经上传了网站用于测试目的,您可以在http://edizorac.com/上看到问题
有问题的标志是在导航栏的第二个,你也可以通过web检查器看到我的代码。
任何帮助/建议是感激的!!
Thanks in advance:)
更新:对于给您带来的不便,我深表歉意。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>
我可以建议你阅读一下这个,也看看这个,以帮助你使用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 &您已定义的宽度70px)
- 你的viewBox属性设置不正确,所以元素没有正确对齐
相关文章:
- angularstrap bs工具提示导致错误:无法读取属性'至小写'的未定义
- 工具提示格式化程序中的间距错误
- 没有错误消息提示,但代码无法工作
- Angularjs服务提示错误
- 动态谷歌图表的工具提示错误
- jsHint错误提示我应该使用“===&”;
- 用于显示字段的工具提示和显示 Jquery 验证中的错误的工具提示器
- j查询工具提示引发错误:未定义函数
- 高图表:显示错误值的堆积区域工具提示
- 代码中的 JQuery 淡入淡出具有错误提示循环
- “初始化前无法在工具提示上调用方法”错误,当我添加 jquery-ui 库时
- DOJO 工具提示给出“未捕获的类型错误:对象不是函数”
- IE 10 上带有 jquery 工具提示的 java 脚本错误
- 带有 D3v 3.5.13 图例和工具提示的简单 D3 折线图中的错误
- 在使用ng repeat和limit to时,jQuery中的上下文出现错误,并从tether.js获得工具提示
- 调用ng-erepeat内部的API函数,提示错误.达到10$digest()迭代.在angularjs中中止
- 堆叠柱形图的Highcharts工具提示错误
- Rails ujs link_to用于在特定条件下提示错误
- 调试!SVG logo &提示错误
- 正则表达式导致js提示错误