在javascript中从json创建SVG图像

在javascript中从json创建SVG图像,javascript,json,string,svg,Javascript,Json,String,Svg,我有以下代码: dl和str都会在html页面中生成svg图像。但当我从json文件中获取类似的字符串str时,它在html页面上显示为文本: json: 结果: This is text Lorem Ipsum blah blah <svg class="dyHolder" id="dyHolder" style="border:1px solid red" width="50" height="50" xmlns:xlink="http://www.w3.org/1999/xlink"

我有以下代码:

dl和str都会在html页面中生成svg图像。但当我从json文件中获取类似的字符串str时,它在html页面上显示为文本:

json:

结果:

This is text Lorem Ipsum blah blah <svg class="dyHolder" id="dyHolder" style="border:1px solid red" width="50" height="50" xmlns:xlink="http://www.w3.org/1999/xlink"><path class="dyna_line" id="dyna_line" d="M 0 0 L 50 25 M 0 50 L 50 25" style="stroke-width: 1; stroke: black; fill:none;"></path></svg>. Another text..

问:当插入html页面时,我可以将str上方的json字符串对象作为svg图像吗?

json字符串中可能有转义字符。将其转储到控制台并检查。它对我有效:嗨,这是快速回复,谢谢!反斜杠是必需的,因为我得到了json错误:“SyntaxError:意外的标记d”。@oriol,它也适用于我,当我从json文件中获取字符串时会发生错误。
[
[
"24/11/2014 - 4:32", "blah", "blah blah", "blah blah blah"
],
[ 
"<svg class=\"dyHolder\" id=\"dyHolder\" style=\"1px solid red\" width=\"140\" height=\"10\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><path class=\"dyna_line\" id=\"dyna_line\" d=\"M 0 5 L 140 0 M 0 5 L 140 10\" style=\"stroke-width: 1; stroke: black; fill:none;\"></path></svg>", "", ""
]
]
This is text Lorem Ipsum blah blah <svg class="dyHolder" id="dyHolder" style="border:1px solid red" width="50" height="50" xmlns:xlink="http://www.w3.org/1999/xlink"><path class="dyna_line" id="dyna_line" d="M 0 0 L 50 25 M 0 50 L 50 25" style="stroke-width: 1; stroke: black; fill:none;"></path></svg>. Another text..