问题标签 [xlink]

我正在尝试定义几个过滤器，但不希望它们弄乱主 HTML 文档。我想使用相对 URI 来引用那些使用相对 IRI 的过滤器，文档表明这些过滤器应该可以工作。

过滤器.svg

page.html

在 Chrome 中提供这些服务python -m SimpleHTTPServer，我希望看到两个模糊的小点：

http://imgur.com/G8AN9bx,aDlhF4g#1

（通过将过滤器直接粘贴到 defs 中生成，我认为<use>是这样。）

我得到什么：

http://imgur.com/G8AN9bx,aDlhF4g#0

之后

正如@Jason Aller 指出的那样，Chrome 不支持此功能。正如我所提到的，我的过滤器似乎不适用于 Firefox。是否有任何可能的解决方法可以将（实际图像有几个，而且它们相当复杂）保存在一个单独的文件中？

Given:

Is it possible to use the HTML DOM's .querySelector() or .querySelectorAll() to select the link inside the SVG by the contents of its xlink:href attribute?

This works:

These don't:

Is there a way of writing that attribute selector to make it 'see' the xlink:href?

我对 svg 和 ios 有一个奇怪的问题。我正在使用 angularjs 和科尔多瓦。

我在一个角度应用程序中包含一个外部 svg，并以这种方式在我的视图中显示它：

在我的外部 svg 中，我得到了几个带有链接的 g 元素：

当我用cordova导出webview时，这在android上可以正常工作，但在ios上不行。它适用于我的iphone模拟器......

任何人都可以帮助我吗？

谁能帮我弄清楚为什么第一张图片没有在 Chrome 中加载？在 Firefox 和 Safari 中测试，两者都很好。

我创建了 2 个 iframe，其中一个加载了一个动态生成的 svg 图像，其中包含一个与协议无关的 url：

img1.setAttributeNS('http://www.w3.org/1999/xlink', 'href', url);

第二个使用绝对网址。

img2.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'http:'+url);

为什么 Chrome 不想加载第一张图片？

演示在这里：

http://jsfiddle.net/ioowilly/QbA2T/

我正在使用joint.js 来生成服务流程图。我使用下面的代码片段来创建我的自定义元素。

问题是在供应元素上单击左键，超链接不会打开。只有当我拖动并释放元素时，链接才会在新选项卡中打开。请建议我可以做些什么来克服这个问题。我已禁用用户拖动元素使用 var paper = new joint.dia.Paper({ el: $('#paper'), width: 1040, height: 1000, gridSize: 1, model: graph, interactive: false });

提前致谢！

我正在尝试use使用 Javascript 添加 -svg-tag。Jakob Jenkov 在这里有一个很好的介绍： httpuse : //tutorials.jenkov.com/svg/use-element.html

我只是尝试用 JavaScript 做同样的事情：

我为它做了一个小提琴：http: //jsfiddle.net/yfmSm/2/

查看创建的结构（在 Google Chrome 工作区中）对我来说一切都很好。只是加上的圆圈use是不可见的。

我错过了什么？

我可以通过 javascript 和 jquery 进行修改，但通过敲除绑定xlink:href仅修改 dom 是行不通的。xlink:hrefattr

这是我的 svg 定义

这是插入在身体的顶部

icon然后在我的视图模型上使用带有 html 和属性的敲除

我确定图标返回正确，因为我得到以下渲染输出

这是正确的，但没有任何显示。有没有人可以通过淘汰赛解决这个问题？

首先，我已经对这个问题进行了广泛的搜索，它应该可以工作。

我想用 Sandcastle 将图片添加到我的 Welcome.aml。Welcome.aml 内部：

我已将图像添加到我的媒体文件夹并使用 xlink:href 中的图像 ID。但什么也没有出现。

日志文件在这里提到它：

复制图像并创建媒体映射文件... C:\blaablaaa\blaaaa\Doc\Doc\Media\ShortProcess.jpg -> C:\blaablaaa\blaaaa\Doc\Doc\Help\Working\Media\ShortProcess.jpg 正在生成概念性主题文件

有人有想法吗？

我正在尝试使用 JAXB 解析大小 >50 MB 的 AIXM5.1 xml 文件。我能够在一分钟内解组这个 xml。但是，当我尝试遍历 java 对象并获取 XML 中字段的值时，会花费大量时间。经过分析，我发现 xml 有 xlinks，它们在内部引用同一个 xml 中的 xml 片段，就像那​​里有大约40000 个 xlink 引用。因此，每次查找 xlink 中引用的特定 xml 片段时，我都试图遍历整个对象。这需要时间。

示例 xml 片段如下

如果您观察到元素具有xlink:href 属性，它通过此 uuid 具有 uuid 值，我必须找出具有匹配 uuid 的 Airspace xml 片段。像这样，xml 中存在 40000 多个引用。

当我通过 JAXB 搜索解决 xlinks 时，我发现 JXPath 是一个替代方案。但是我找不到与继承类的 JXPath 相关的示例。

如果有人研究它或建议我任何其他技术，请指导我。

期待您的帮助。。

我在 CSS-tricks.com 上查看 Chris Coier 的 SVG 技巧，最近还在一次会议上看到了他，他谈到了 SVG 的强大功能以及如何将所有资源保存在一个外部 svg 文件中。

然后，您可以像这样使用它：

听起来很棒！但是，我希望能够访问每个符号中的各个节点并使用 CSS 更改它们，就像我通常会在 SVG 在 HTMl 中内联时所做的那样。

看看这个 CodePen： http ://codepen.io/chriscoyier/pen/Hwcxp

我以为我可以做到这一点，但我无法让它工作：

确实如此，但这会改变实际的源 svg

我想要做的是重用网格中的图形元素。在悬停时，更改 svg 中的一个节点。但仅限于该特定父节点中的节点。不是所有的人。