问题标签 [xlink]

以下 xhtml 文件是我正在加载到 WebBrowser 控件 ( https://msdn.microsoft.com/en-us/library/2te2y1x6.aspx )中的 epub 封面的精确副本。

我想知道为什么 .NET Web Browser 类不支持 xlink:href 属性。

换<image width="600" height="900" xlink:href="cover.jpeg"/>工作<image width="600" height="900" src="cover.jpeg"/>。

没有写一个替换正则表达式，我有其他选择吗？我想保持 HTML 的原生格式。

https://jsfiddle.net/swoq9g3f/1/

xlink:href在我用 javascript更改 a 后，我遇到了一个问题，即在 Internet Explorer (v11.0.9600.17728) 中错误地绘制了一个简单的 SVG 。

如果你在 IE 中只渲染 SVG，你会得到两个同心圆。javascript 将元素的xlink:href值设置为，这是它之前的值。之后，IE 只渲染较大的圆圈，较小的圆圈隐藏在其后面。较小的圆圈在 svg 文档的后面，这意味着它应该始终呈现在较大的圆圈之上。我还包括了一些对 的调用，但它们未能纠正问题。<use>#def1forceRedraw()

在 Chrome 或 Firefox 中不会发生此问题。这是什么原因造成的？有没有办法解决这个问题？

SVG：

Javascript：

我需要将所有xlink用法替换为 SVG 中的简单内联 xml，然后删除“ defs ”部分并删除所有boo : 属性。这个是必需的，因为打算使用的 SVG 查看器不支持 xlinks。

初始简化 XML

预期结果

我正在使用 xlink:href 来显示 svg，它在 safari 和 chrome 中都可以使用。但不是在 Firefox 中，有什么想法吗？：

更新 ：

我在索引中设置了基数

svg 在 Firefox 中不工作。

然后我添加$locationProvider.html5Mode({enabled: true, requireBase: false});并.config完全删除基础，svg 正在显示，现在的问题是它不会在没有基础的情况下调用我的 api。

.on()结合使用 jQuery 、 SVGxlink和 Internet Explorer / Safari ，我似乎遇到了一个相当令人困惑的问题。

一个简化的例子在这里：http ://codepen.io/mikehdt/pen/MwqORK

该示例有两个按钮；一个使用 svg 使用，另一个直接嵌入 SVG 代码。

SVG 和按钮是这样的（.icons-svg首先请注意，如果您尝试xlink文档后面的内容，Safari 似乎会感到难过）：

一些超基本的 CSS 只是为了美观：

jQuery 使用 on，进行动态绑定，如下所示：

应该发生什么，就像在 Chrome 和 Firefox 中一样，如果您单击使用 SVG 的链接中的 +，则会弹出警报消息。但是，在 IE 和 Safari 中，它无法触发阻止事件并通过链接的脚本。

单击嵌入它的 SVG 直接按预期工作，但是为了良好的资产重用，这是一个不可行的解决方案。

有效的事情：

如果您不使用.on()而是使用.click()，那么所有浏览器都可以工作，但是您会失去动态绑定。如果您使用.on()但不使用xlink，则所有浏览器都可以使用。这只是导致此问题发生的.on()和的组合。xlink

为什么要这样做？

当您想将 SVG 用于图标时，请将资源保持在外部（因此可缓存）并在您的站点上设置需要动态绑定的 Ajax 事件。

有没有其他人遇到过这个？你能让 IE 和 Safari 与这个组合很好地配合吗？这可能是浏览器或 jQuery 中的错误，还是 Chrome 和 Firefox 处理不正确的问题？

有没有为 svg 中的 xlink:href 指定过滤器？例如，我只想从特定的父/svg 中引用 's。如果我在该页面上有多个 svg，并且两者都包含具有相同 id 的元素，那么 xlink:href 似乎将始终引用第一个实例，而不管 xlink:href 是哪个 svg。

例如， ...

...

理想情况下，我希望能够使用唯一的 div id 作为参考。例如，

HTML 代码是使用 jquery 脚本创建的。我要包含的图像在同一目录中是本地的。我试图给 xlink:href 绝对路径（以 file:/// 为前缀），无论有无，它都不起作用。我绝对确定路径和文件名是正确的。在 Xubunutu 14.04 + Firefox（最新）上运行。

可能是什么原因 ？

感谢 Robert Longson 解决了。

创建图像

使用 Firefox，当我在元素上中键单击（或 ctrl+单击）时use，它会在新选项卡中打开xlink:hrefurl（如href）

错误或功能？

所以我决定在我正在开发的网站中使用一些 SVG。它们不是内联 HTML；相反，我使用对象标签链接到它们。我将它们用作链接，并且我采用了使用 xlink 方法的路线。我用 CSS 为它们设计样式，除了一件事外它工作正常。:visited 状态似乎有自己的默认样式，而 :visited 选择器在 CSS 中没有响应，所以我很难摆脱这种默认样式。有任何想法吗？

XML:

CSS：

我意识到，因为我正在设计 XML 样式，所以我处理这件事的方式可能是错误的。如果是，有谁知道如何更改 xlink :visited 状态的样式？

我有与这个问题描述的几乎相同的问题。

我有一些我想用 Polymers 动态插入的 svg 符号dom-repeat。

我使用一个函数从数组中需要的符号中获取所有 id，{{icons}}然后循环 true 以插入我的 svg。

我的代码如下所示：

#bed当我对标签中的 id 进行硬编码时，<use>一切都很好，在开发工具中看起来像这样：

但是当我想使用 data-binding{{item.id}}时，图标没有显示，它在开发工具中看起来像这样：

任何如何解决这个问题的想法将不胜感激