导入svg.js会删除链接标记中的所有内容
我像这样加载一个svg文件导入svg.js会删除链接标记中的所有内容,svg,svg.js,Svg,Svg.js,我像这样加载一个svg文件 var draw=SVG('container'); var rawSVG=$('rawSVG').get('html'); //get content of invisible div with mootools draw.svg(rawSVG); 在rawSVG DIV中,我可以看到链接标记。但在容器中,链接标签中的所有内容都被丢弃,我得到的是空标签 在import.svg.js中,我能找到的唯一与xlink:href相关的东西是与图像相关的 element =
var draw=SVG('container');
var rawSVG=$('rawSVG').get('html'); //get content of invisible div with mootools
draw.svg(rawSVG);
在rawSVG DIV中,我可以看到链接标记。但在容器中,链接标签中的所有内容都被丢弃,我得到的是空标签
在import.svg.js中,我能找到的唯一与xlink:href相关的东西是与图像相关的
element = context.image(attr['xlink:href'])
这些链接由svg.js创建,并由export.svg.js正确保存,但在下次导入时会被删除
编辑:
我想将svg图形加载到cms中,然后能够修改图形。
它工作正常,但在下一次导入时,链接标记中的文本会被删除
编辑2
好的,现在我松开了xlink元素,但保留了子元素
我想要的是更改外部svg文件中的svg节点
我包含在一个名为rawSVG的隐藏div中
我明白了
...//more svg
<a xlink:href="test/" id="lktest">
<text y="86.83333396911621" x="100" font-family="Muli" id="txtest">
<tspan dy="1.8em" x="0" id="tstest">test</tspan>
</text>
</a>
...//more svg
而且比我更喜欢
draw.svg(rawSVG);
使其在svg.js中可编辑
但在我的集装箱舱里我看到了
... //more svg
<text y="86.83333396911621" x="100" font-family="Muli" id="txtest">
<tspan dy="1.8em" x="0" id="tstest">test</tspan>
</text>
... //more svg
//更多svg
测试
... //更多svg
墨水是使用svg.js和works创建和导出的。此行为发生在重新加载之后
我有xmlns:xlink=”http://www.w3.org/1999/xlink“在我的svg节点中
我试过HTML5和HTML4
我尝试了使用doctype和不使用doctype的svg
我还尝试了一些图片,它们也被删除了
这就像xml链接名称空间无法识别一样
我试图设置xlink的名称空间,如此提示答案的注释中所示:
但一切都没有改变
有什么建议我做错了什么吗?对不起,我不明白你想达到什么目的。你能澄清一下吗?
draw.svg
应该做什么?@elpoto我希望能够在cms中修改svg图形。因此,我导入它并更新一些元素(基本上更改文本和可单击元素的href),然后保存/导出回svg文件。@elpoto sory没有回答您问题的最后一部分:draw.svg,因为据我所知,文档使导入的svg在实例中可用。否则它只是displayedOk,仍然不能完全确定,但听起来您必须检查cms实际保存了什么。这样,您就可以知道问题是在导出时还是在导入时发生的。svg被正确保存,xlink命名空间get在导入时被删除。无论如何,我正在尝试一种变通方法,用mootool创建并注入元素。它现在起作用了。我希望我不会遇到任何问题。简单的修复通常会带来问题
... //more svg
<text y="86.83333396911621" x="100" font-family="Muli" id="txtest">
<tspan dy="1.8em" x="0" id="tstest">test</tspan>
</text>
... //more svg